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 is a utility-first CSS framework for rapidly building custom designs without leaving your HTML.

Radix UI provides accessible, unstyled UI primitives for building high-quality design systems and web apps.

ReactBits is a curated collection of reusable React patterns, techniques, tips, and best practices designed to help developers write cleaner, more efficient, and scalable React code.

TweakCN offers a collection of visual and motion design experiments, interactive components, and UI concepts for developers and designers looking to enhance creativity.

Motion Primitives provides beautiful, composable motion utilities for React — helping you create elegant animations and transitions easily.

Pattern Craft is a playground for generative art, interactive patterns, and creative coding. It’s ideal for designers exploring algorithmic visuals and Background Patterns.

Evil Charts provides unconventional, creative, and visually striking chart examples that break the mold of traditional data visualization.

8bitCN showcases pixel-art inspired UI, retro designs, and nostalgic web aesthetics that bring a vintage touch to modern frontend projects.

Box Shadows by Aceternity UI is a handy tool to generate soft, realistic shadows for modern UI elements — perfect for glassmorphism and neumorphism effects.

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

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

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

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

Shader Gradient is an online tool for creating animated 3D gradients using WebGL and Three.js — perfect for interactive, eye-catching backgrounds.

Shadway curates a collection of websites built using Shadcn/UI, showcasing creative and production-ready examples of this modern React component library.

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

StackSorted is a curated directory of modern UI elements, components, and websites — a perfect place to explore and gather interface inspiration.

Tabler Icons offers over 5,000 beautifully consistent, open-source icons for web and product interfaces — all customizable and MIT licensed.

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 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 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 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 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 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 is a free/open-source collection of 3D icons and renders designed for personal and commercial use under CC0 license.

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 is a comprehensive design-asset platform offering icons, illustrations, photos, music, 3D models and AI tools — built for creative teams and developers.

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

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

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

Uncut.wtf is a creative type foundry offering free, experimental, and unique fonts — perfect for expressive typography in modern web projects.

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 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 is a London-based independent type foundry founded by Mark Bloom, creating contemporary digital typefaces for print and Web use.

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 is an award-winning type foundry from Manchester that creates distinctive retail and custom fonts and logotypes to help brands stand out.

TypeScale helps you visualize and generate harmonious typographic scales for your website — perfect for setting consistent font sizes and rhythm.

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 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 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 is an open-source library of 100+ abstract, grainy-gradient shapes for design & dev projects — free for commercial and personal use.

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

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 is a free, open-source library of sketchy illustrations of people that you can use for personal and commercial projects — no attribution required.

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 is a flexible, React-based documentation framework for building beautiful, customizable docs sites — supporting Markdown/MDX, search, and seamless integration with popular React frameworks.

Aceternity UI offers a collection of modern, animated, and beautifully designed UI components built with React, Framer Motion, and Tailwind CSS — perfect for building sleek web interfaces quickly.

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 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 is a lightweight React library offering a large collection of hooks and utilities to save development time.

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 is a React UI component library that provides production-ready components and tools implementing Material Design, with customization and theming built in.

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

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 is a React framework for building fast, scalable web applications with features like server-side rendering, static site generation, routing, and API endpoints.

Motion is a powerful animation library for React, offering smooth, high-performance animations with an intuitive and flexible API.

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

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 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.

Framer is a no-code website builder and design tool for creating responsive, interactive sites with built-in CMS and hosting.

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

Olivier Larose is a web-developer and content creator who shares high-quality tutorials on web animations, frontend technologies, and real-world developer journeys.

Manu Arora is a full-stack developer, educator, and content creator known for sharing high-quality tutorials on React, Next.js, UI/UX, and modern frontend engineering practices.

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 is a developer and creator known for building elegant tools like PillarStack and sharing insights on frontend engineering, indie hacking, and developer productivity.

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

Syntax is a podcast-style YouTube channel hosted by Wes Bos and Scott Tolinski that delivers high-energy, practical conversations on full-stack web development—covering JavaScript, CSS, frameworks, tooling, and developer careers.

jhey is a Staff Design Engineer at Shopify (formerly at Google and Vercel) who shares insights on design systems, frontend architecture, accessibility and converting ideas into real products.

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

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 is a full-stack developer and design engineer who builds interactive web tools and open-source projects, sharing his work under the handle LegionsDev.

Interactive-SVG animator and web toolmaker who shares advanced insights and tutorials about SVG motion, path animations and frontend prototyping.

Samit Kapoor is a digital creator and community builder who shares insights on web development, productivity tools, and growth-tech aboard the social web.

Make It Animated is a library of real-world animations built for React Native apps, offering ready-to-use code for gestures, motion and UI transitions.

Unicorn Studio is a no-code WebGL design tool for creating interactive 3D effects, motion and embed-ready visual experiences for web platforms.

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 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 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 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 recognises and celebrates the world’s best web designers, developers and agencies through daily, monthly and yearly awards, inspiring innovation in web design.

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

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