Top 5 UI/UX Design Toolkits for 3D, Scroll Interactions, and Core Components
A curated guide to five practical design references for UI/UX creators, featuring 3D and scroll-driven interaction prompts with source code, navigation bars, fo
Product designer and creator Himanshu Hingorani (@himanshubuildss) has shared a curated toolkit of five essential web interaction and component reference sites tailored for UI/UX designers and frontend developers.
Image source: Himanshu Hingorani (@himanshubuildss)
While typical UI starter kits tend to offer generic buttons and identical card containers, this collection focuses on actionable interaction prompts, complete code implementations, and dedicated pattern archives built for production-ready design work.
3D and Scroll-Driven Component Code: Scrolltide
The centerpiece of the recommended toolkit is Scrolltide, an interaction resource platform built specifically for modern 3D and scroll-driven websites.
- Scrolltide (https://scrolltide.co): Features over 600 design prompts alongside 200+ functional components with complete source code.
As Hingorani noted, conventional UI kits often duplicate standardized interface elements that look identical across projects. In contrast, the components on Scrolltide are structured as complete prompt-and-code pairings, allowing developers and designers to drop them directly into active codebases and customize them immediately.
Dedicated Navbar and Footer Inspiration Galleries
Instead of sifting through entire page themes, these specialized directories curate the critical framing structures of web applications.
- Navbar Gallery (https://navbar.gallery): A focused collection of navbar design patterns and inspiration for landing pages and web apps.
- Footer Design (https://footer.design): An archive dedicated exclusively to improved footer architectures, layout hierarchies, and closing site elements.
These resources allow teams to study navigation flow and footer information density independently, accelerating core layout decisions.
Conversion CTA Patterns and Real Product Aesthetics
The remaining entries in the toolkit provide inspiration for driving user conversion and aligning with current real-world software aesthetics.
- CTA Inspiration: Curated examples of effective Call-to-Action sections and conversion-focused interaction components.
- Real Product Design Styles: A collection analyzing live product design aesthetics taken from functioning applications rather than purely theoretical concept shots.
Together, these five resources offer designers and developers a functional reference pipeline spanning dynamic 3D interactions down to fundamental navigation components.
Original source
- Himanshu Hingorani (@himanshubuildss) on X: UI/UX Designer Resource Toolkit