shadcn/ui — opens in a new tab
Customizable interface components and blocks you can bring into your own project.
Open-source building blocks and design references for your next website. Find tools to implement an idea, or original libraries to study its visual direction.
Customizable interface components and blocks you can bring into your own project.
Unstyled interface primitives for dialogs, menus, tooltips and other everyday controls.
A utility-first CSS framework for shaping layouts, typography and responsive interfaces.
Animation tools for transitions, gestures, springs and scroll-linked movement.
Smooth-scrolling tools for connecting page movement with your website’s visual scenes.
JavaScript animation for CSS properties, SVG, DOM attributes and timelines.
Consistent outline icons with editable size, color and stroke for websites and apps.
A collection of outline and filled icons in SVG and framework-friendly packages.
A JavaScript library for building 3D scenes, materials and interactive visual experiences.
Compare page composition, typography and section rhythm across curated website examples.
Study mobile and web app screens to plan navigation, onboarding and everyday product states.
Compare real product screens and user flows when designing dashboards, sign-up and account journeys.
Explore curated brand guides to plan a consistent visual identity across your pages.