An archive for people who make interfaces.

Shadcn, show detailsComponents

Shadcn (often written as shadcn/ui) is a popular component library for React and Next.js projects that provides beautifully designed, accessible, and customizable UI components built using Tailwind CSS and Radix UI.

Tailwind CSS, show detailsFrameworks

Tailwind CSS is a utility-first CSS framework for rapidly building custom designs without leaving your HTML.

Radix UI, show detailsComponents

Radix UI provides unstyled, accessible React primitives — plus icons and colour scales — for building high-quality design systems and web apps.

ReactBits, show detailsComponents

React Bits is a free, open-source collection of animated React components — text effects, backgrounds, interactive cards and micro-interactions — with live demos and copyable source.

TweakCN, show detailsDev Tools

TweakCN is a visual theme editor for shadcn/ui. Adjust colours, radius, fonts and shadows with a live preview, then export the theme for Tailwind CSS v4.

Motion Primitives, show detailsComponents

Motion Primitives is an open-source UI kit of animated React components, built with Motion and Tailwind CSS for React and Next.js projects.

Pattern Craft, show detailsGraphics

Pattern Craft is a curated collection of 100+ modern CSS background patterns and gradients you can copy and paste into any website or app.

Evil Charts, show detailsComponents

Evil Charts is a free, open-source set of animated React chart components for shadcn/ui, built with Recharts, Apache ECharts and Tailwind CSS.

8bitCN, show detailsComponents

8bitcn/ui is a retro UI library of 8-bit styled shadcn/ui components, blocks and game-ready interfaces for modern React apps.

Box Shadows, show detailsDev Tools

A free box-shadow generator from Aceternity UI. Preview soft, realistic shadows live, then copy the Tailwind class or raw CSS in one click.

Recipes Build UI, show detailsLearning

Build UI’s Recipes section features practical, real-world examples of interactive UI patterns and animations using React and Framer Motion.

Tympanus Codrops, show detailsLearning

Codrops is a well-known design and development blog that shares tutorials, experiments, and inspirational UI interactions for creative developers.

React Scan, show detailsDev Tools

React Scan is a powerful tool to visualize React component performance in real time, helping you debug and optimize your React applications efficiently.

Pinterest, show detailsInspiration

Pinterest is a global visual discovery platform where designers can find inspiration, moodboards, and references for UI, UX, and branding projects.

Shader Gradient, show detailsGraphics

Shader Gradient lets you create beautiful moving 3D gradients and use them in Framer, Figma and React.

Minimal Gallery, show detailsInspiration

Minimal Gallery curates a collection of beautifully minimal and aesthetically pleasing websites, offering inspiration for clean and balanced web design.

StackSorted, show detailsInspiration

StackSorted collects the web's best designs sorted by element — pick a component type and browse how great sites have designed it.

Tabler Icons, show detailsIcons

Tabler Icons is a free, open-source set of 6,000+ SVG icons with customisable size, colour and stroke — available for React, Vue, SolidJS, Figma and more.

Nucleo App, show detailsIcons

Nucleo provides a curated collection of pixel-perfect icons with a clean and cohesive style. It also includes a free set for personal and commercial use.

Font Awesome, show detailsIcons

Font Awesome is one of the most popular icon libraries offering thousands of free and pro icons that can be easily customized with CSS for websites and applications.

Remix Icon, show detailsIcons

Remix Icon is a set of open-source, neutral-style system icons designed for web and mobile interfaces, providing easy customization and integration with CSS or SVG.

Flaticon, show detailsIcons

Flaticon offers the world’s largest collection of free and premium icons, stickers, and animated icons available in multiple formats such as SVG, PNG, EPS, and PSD.

Lucide, show detailsIcons

Lucide is a beautifully consistent open-source icon library crafted by the community as an improved fork of Feather Icons, offering scalable and modern SVG icons for web apps.

The Noun Project, show detailsIcons

The Noun Project is a massive collection of icons and symbol-graphics curated by a global community; perfect for designers and developers seeking royalty-free or licensed icons in multiple formats.

3dicons, show detailsIcons

3dicons is a free/open-source collection of 3D icons and renders designed for personal and commercial use under CC0 license.

IconScout, show detailsIcons

IconScout is a comprehensive digital-asset platform offering millions of icons, illustrations, 3D assets, and Lottie animations — with built-in editors and plugins to streamline design workflows.

Icons8, show detailsIcons

Icons8 is a comprehensive design-asset platform offering icons, illustrations, photos, music, 3D models and AI tools — built for creative teams and developers.

Lineicons, show detailsIcons

Lineicons is a comprehensive icon library offering 26,000+ handcrafted icons in multiple formats (SVG, PNG, React, Figma, Icon-Font) for designers and developers.q

Central Icons, show detailsIcons

Central Icons is a universal icon system designed for clarity and consistency across any medium, from web interfaces to product UI.

IconBuddy, show detailsIcons

IconBuddy lets you search and download 300,000+ free SVG icons from open-source icon libraries, customise them, and export as SVG, PNG, JSX or Base64.

Meteor Icons, show detailsIcons

Meteor Icons is an open-source icon library of clean, rounded SVG icons designed for consistent, modern interfaces.

Mage Icons, show detailsIcons

Mage Icons is a modern open-source icon library offering clean, consistent SVG icons with multiple styles, built for scalable UI design and developer-friendly usage.

BnbIcons, show detailsIcons

BnbIcons uses AI to generate custom isometric, skeuomorphic icons in the style of Airbnb's design system — in seconds, from a prompt.

FontShare, show detailsTypography

FontShare by the Indian Type Foundry offers high-quality, modern fonts completely free for both personal and commercial projects.

Google Fonts, show detailsTypography

Google Fonts hosts thousands of open-source typefaces, enabling designers and developers to integrate beautiful typography into web and mobile apps easily.

Uncut.wtf, show detailsTypography

UNCUT.wtf is a free typeface catalogue focused on contemporary type — a hand-picked index of free fonts for expressive typography.

Free Faces, show detailsTypography

Free Faces is a curated collection of typefaces available under a variety of free licences, categorized by style (cursive, display, monospace, sans serif, serif, slab) for web designers and developers.

atipo® Foundry, show detailsTypography

atipo® Foundry is an independent digital typeface foundry and graphic design studio based in Gijón, Spain, creating retail and custom fonts from a graphic-designer perspective.

CoType Foundry, show detailsTypography

CoType Foundry is a London-based independent type foundry founded by Mark Bloom, creating contemporary digital typefaces for print and Web use.

Pangram Pangram Foundry, show detailsTypography

Pangram Pangram is an independent type foundry offering trend-conscious, high-quality fonts that are free to try and made for bold brands and creatives.

F37 Foundry, show detailsTypography

F37 Foundry is an award-winning type foundry from Manchester that creates distinctive retail and custom fonts and logotypes to help brands stand out.

TypeScale, show detailsTypography

TypeScale helps you build harmonious type scales — preview sizes and rhythm, then generate the CSS for consistent typography.

Lighthouse, show detailsDev Tools

Lighthouse is an open-source tool by Google that audits website performance, accessibility, SEO, and best practices — helping developers build faster, more optimized web experiences.

Unlighthouse, show detailsDev Tools

Unlighthouse is an automated, fast, and developer-friendly tool that scans your entire website using Lighthouse to identify performance, accessibility, SEO, and best-practice issues—optimized for modern frameworks.

Spline, show detailsDesign Tools

Spline is a powerful browser-based 3D design tool that allows creators to build, animate, and export interactive 3D experiences for the web — without needing deep 3D or WebGL expertise.

CoolShapes, show detailsGraphics

CoolShapes is an open-source library of 100+ abstract, grainy-gradient shapes for design & dev projects — free for commercial and personal use.

Noisy Gradients, show detailsGraphics

Noisy Gradients is a web-app (and Figma plugin) that generates customizable textured and grainy gradients for use in design and development workflows.

Vercel, show detailsDev Tools

Vercel is a cloud platform for frontend teams to build, preview, and ship web applications with speed and scale. It supports frameworks like Next.js and offers hosting, edge functions, and analytics.

Open Doodles, show detailsGraphics

Open Doodles is a free, open-source library of sketchy illustrations of people that you can use for personal and commercial projects — no attribution required.

nuqs, show detailsFrameworks

nuqs is a type-safe search-params state manager for React that lets you sync React state with the URL query string — like useState, but with URL support and serialization/parsing built in.

Fumadocs, show detailsFrameworks

Fumadocs is a flexible, React-based documentation framework for building beautiful, customizable docs sites — supporting Markdown/MDX, search, and seamless integration with popular React frameworks.

Efecto, show detailsDesign Tools

Efecto is a free design tool where AI agents work alongside you — artboards, layers and auto-layout, with dozens of MCP tools so agents can design on the same canvas.

Khroma, show detailsDesign Tools

Khroma is an AI-powered color palette tool that learns your color preferences and generates personalized, limitless color combinations and palettes, helping designers and creatives explore, search, and save palettes tailored to their taste.

Glow UI, show detailsComponents

Glow UI is a comprehensive Figma UI kit and design system offering thousands of ready-made components, templates, styles, and variables to speed up web app design and product interfaces, with features like wireframe mode, theme support, and production-ready assets.

Aether CSS, show detailsDev Tools

Aether CSS is a set of free generators for liquid glass, glassmorphism, neumorphism and more — with live preview and one-click CSS export.

ShadcnThemer, show detailsDev Tools

ShadcnThemer lets you discover and create themes for shadcn/ui — browse community themes, tune colours with an OKLCH picker, pick fonts and export.

Aceternity UI, show detailsComponents

Aceternity UI offers 200+ free, copy-paste animated components and blocks for React and Next.js — built with Tailwind CSS and Motion.

Skiper UI, show detailsComponents

Skiper UI is a modern component library built on top of shadcn/ui, providing “un-common” React/Next.js components (animations, interactions, premium & free) designed with Tailwind CSS & Motion for high-impact UIs.

StackBits, show detailsComponents

StackBits is a full-stack component library offering ready-to-use React UI elements and backend code snippets to speed up modern web development.

React Haiku, show detailsFrameworks

React Haiku is a lightweight React library offering a large collection of hooks and utilities to save development time.

daisyUI, show detailsComponents

daisyUI is a plugin for Tailwind CSS that adds ready-to-use component class names, customizable themes and semantic colors—so you write less utility-code and build UI faster.

MUI, show detailsComponents

MUI is a React UI component library that provides production-ready components and tools implementing Material Design, with customization and theming built in.

Aether UI, show detailsComponents

Aether UI is a library of beautifully designed, animated React components built with Tailwind CSS and Framer Motion — ready to drop into your projects.

shadcn/studio, show detailsComponents

shadcn/studio offers 1,100+ shadcn/ui blocks, pages and templates, plus a Figma kit, theme generator and builder — with a free tier.

Shadcnblocks, show detailsComponents

Shadcn Blocks offers premium blocks, components, and templates for Shadcn UI, Tailwind, and React projects. Copy, paste, or install high-quality, responsive designs.

FlyonUI, show detailsComponents

FlyonUI is a free, open-source Tailwind CSS UI components library with semantic classes, interactive JS plugins, and ready-to-use blocks and templates.

Uiverse, show detailsComponents

Uiverse is a massive open-source library of customizable UI elements — including buttons, inputs, cards, and more — that designers and developers can copy and reuse in their web projects, available in CSS, Tailwind, React, and Figma formats. Every component is free for personal and commercial use.

ElevenLabs UI, show detailsComponents

ElevenLabs UI is an open-source collection of agent and audio components for React that you can customise and extend.

ShadcnSpace, show detailsComponents

Shadcn Space is a curated collection of high-quality Shadcn UI blocks, components, and templates built with React and Tailwind CSS — enabling developers to preview, copy, and ship modern interfaces faster with production-ready, customizable code.

useLayouts, show detailsComponents

useLayouts is a free, open-source library of animated React components — copy the code or install with the shadcn CLI. Built with Motion and Tailwind CSS.

Magic UI, show detailsComponents

Magic UI offers animated React components and templates, built with Tailwind CSS and Motion, to make landing pages stand out.

React, show detailsFrameworks

React is a JavaScript library for building fast, interactive user interfaces using a component-based architecture. It offers features like hooks, JSX, and a virtual DOM to simplify state management and improve performance.

Next.js, show detailsFrameworks

Next.js is a React framework for building fast, scalable web applications with features like server-side rendering, static site generation, routing, and API endpoints.

Framer Motion, show detailsAnimation

Motion (formerly Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue.

GSAP, show detailsAnimation

GSAP is a powerful, high-performance JavaScript animation library used to create smooth, complex, and professional-grade web animations.

Three.js, show detailsFrameworks

Three.js is a popular open-source JavaScript 3D library that makes WebGL easier to use — enabling developers to create immersive 3D graphics, animations and visualizations in the browser.

Webflow, show detailsDesign Tools

Webflow is a no-code visual web development platform that lets designers build responsive websites without writing code. It combines design, CMS, and hosting in one platform.

Mockuuups Studio, show detailsDesign Tools

Mockuuups is a free online mockup generator with 5,200+ device and print templates — drop in a screenshot and download.

Framer, show detailsDesign Tools

Framer is a website builder and design tool with an AI design agent, plus built-in hosting, CMS, analytics and SEO.

Figma, show detailsDesign Tools

Figma is a cloud-based UI/UX design and prototyping tool that enables real-time collaboration for designers and teams.

Olivier Larose, show detailsSocials

Olivier Larose is a freelance design engineer in Montreal who shares tutorials on web animation and modern frontend.

Manu Arora, show detailsSocials

Manu Arora is a founder and creator — the maker of Aceternity UI — who shares React, Next.js and UI engineering on X and YouTube.

Viewport, show detailsInspiration

Viewport UI is a curated gallery of UI designs, interactions and motion studies from designers on X — browse by kind, style, type and industry.

Rauno Freiberg, show detailsSocials

Rauno Freiberg is a designer and developer known for crafting highly polished UI interactions, sharing insights on design systems, frontend engineering, and intuitive product experiences.

Huy Nguyen, show detailsSocials

Huy Nguyen is a developer and creator known for building elegant tools like PillarStack and sharing insights on frontend engineering, indie hacking, and developer productivity.

CodeGrid, show detailsSocials

CodeGrid shares the ‘sauce’ behind top-tier websites — high-quality tutorials on HTML, CSS, JavaScript, animations, scroll effects and UI engineering.

Syntax, show detailsSocials

Syntax is a web development podcast in which Wes Bos and Scott Tolinski dig into JavaScript, CSS, frameworks and the craft of shipping for the web.

jhey ʕ•ᴥ•ʔ, show detailsSocials

Jhey Tompkins is a designer and engineer at Shopify's Brand Design Studio who shares prototypes, notes and experiments in CSS, motion and interface craft.

Guri, show detailsSocials

Guri is a design engineer building @SkiperUi and sharing thoughts on frontend architecture, UI engineering and component libraries.

David Haz, show detailsSocials

David Haz is a web developer and designer building tools and components for the modern web — creator of React Bits (reactbits.dev) and other open-source projects.

Gurbinder (LegionsDev), show detailsSocials

Gurbinder is a full-stack developer and design engineer who builds interactive web tools and open-source projects, sharing his work under the handle LegionsDev.

Nanda Fyi, show detailsSocials

Nanda Syahrasyad writes Not a Number, an interactive blog that explains computer science and web development through hands-on visuals.

Samit Kapoor, show detailsSocials

Samit Kapoor is a full-stack developer in India who builds modern web applications and shares his work.

Make It Animated, show detailsAnimation

Make It Animated is a library of React Native animation examples built with Reanimated, Gesture Handler and Skia — browse them and learn from the code.

Unicorn Studio, show detailsDesign Tools

Unicorn Studio is a design tool for graphics that move and respond — shaders, 3D and motion on one canvas, ready to embed on the web.

Rive, show detailsDesign Tools

Rive is a real-time design and animation tool plus runtime ecosystem that lets designers and developers build interactive, high-performance motion graphics across apps, games, and websites.

Jitter, show detailsDesign Tools

Jitter is a web-based motion design tool that lets teams create professional animations fast — import from Figma, animate in the browser, and export to 4K, GIF, Lottie and more.

LottieFiles, show detailsAnimation

LottieFiles is a platform that offers a large library of free and premium Lottie animations, plus tools to edit, test, and integrate them into web and mobile apps.

Dribbble, show detailsInspiration

Dribbble is a leading online community for designers and creatives to showcase their work, find inspiration, and connect with clients and peers. It also serves as a portfolio and job-listing platform.

Awwwards, show detailsInspiration

Awwwards recognises and celebrates the world’s best web designers, developers and agencies through daily, monthly and yearly awards, inspiring innovation in web design.

Mobbin, show detailsInspiration

Mobbin is a searchable library of real-world mobile and web app UI/UX screenshots, helping designers find patterns and inspiration quickly.

404s, show detailsInspiration

404s is a curated gallery of creative ‘Page Not Found’ (404) web pages — showcasing design inspiration for error states and dead-end user experiences.

21st.dev, show detailsComponents

21st is a community library of React and Tailwind CSS components — explore, copy and remix thousands published by designers and developers.

60fps, show detailsInspiration

60fps is a curated gallery of smooth, high-performance UI animations and interactions, focused on motion design that feels fast, fluid, and responsive.

Design Spells, show detailsInspiration

Design Spells is a curated online collection showcasing magical micro-interactions, Easter eggs, animations, and delightful UI details that add personality and fun back into digital experiences.

CTA.gallery, show detailsInspiration

CTA.gallery is a curated online gallery showcasing effective call-to-action (CTA) designs from across the web, offering inspiration and examples to help designers create high-impact, conversion-boosting CTAs.

Supahero, show detailsInspiration

Supahero is a curated library of high-quality website hero section designs that helps web designers and developers find stunning, engaging hero inspirations for their next project, with examples across styles and niches.

uibrik, show detailsComponents

uibrik is a UI kit for AI agents: 290+ animated React components your agent finds over MCP and installs with the shadcn CLI — as Tailwind CSS and Motion source you own.