Resources

Driver.js

driverjs.com

A lightweight, no-dependency JavaScript library for product tours, feature highlights, hints, and contextual help.

Component librariesOpen source

Ant Design

ant.design

A mature open-source React design system with components and patterns.

Component librariesOpen source

assistant-ui

assistant-ui.com

Open-source React primitives for building polished AI chat interfaces.

Component librariesOpen source

dqnamo Kitchen

dqnamo.com/kitchen

Component experiments and interface studies by dqnamo.

Component librariesFree

Lightswind

lightswind.com

Animated and expressive React components for building distinct products.

Component librariesFree + paid plans

Skiper UI

skiper-ui.com

A curated suite of modern reusable interface components.

Component librariesFree + paid plans

Smooth UI

smoothui.dev

Polished UI pieces and animated building blocks for the web.

Component librariesFree + paid plans

React Bits

reactbits.dev

Animated React components, text effects, and backgrounds.

Component librariesOpen source

Watermelon UI

ui.watermelon.sh

A bright collection of elements for web and product interfaces.

Component librariesFree + paid plans

MVP Blocks

mvpblocks.vercel.app

Reusable blocks for moving an early product from idea to interface.

Component librariesFree + paid plans

Coss UI

coss.com/ui

Thoughtful interface building blocks from the Coss ecosystem.

Component librariesOpen source

UI Layouts

ui-layouts.com

A large set of practical UI layouts and component patterns.

Component librariesFree + paid plans

8bitcn

8bitcn.com

A playful source of interface components and patterns.

Component librariesOpen source

Cult UI

cult-ui.com

Beautifully composed interface elements to copy and adapt.

Component librariesOpen source

HeroUI

heroui.com

A comprehensive React UI library with accessible foundations.

Component librariesOpen source

HextaUI

hextaui.com

Modern React and Tailwind components ready to adapt.

Component librariesFree + paid plans

Luxe UI

luxeui.com

A visual component collection for sharper product interfaces.

Component librariesFree + paid plans

shadcn/ui

ui.shadcn.com

Accessible, open code components you own and adapt inside your project.

Component librariesOpen source

Reverse UI

reverseui.com

Open source React components with an experimental visual edge.

Component librariesFree + paid plans

Basecn

basecn.dev

A set of practical, copyable components for modern product interfaces.

Component librariesOpen source

Aceternity UI

ui.aceternity.com

High impact components and backgrounds for React and Tailwind.

Component librariesFree + paid plans

Tailark

tailark.com

Free Tailwind CSS components and landing page sections.

Component librariesFree + paid plans

Kibo UI

kibo-ui.com

Accessible open source components and blocks for web applications.

Component librariesOpen source

Eldora UI

eldoraui.site

Open source animated components for expressive landing pages.

Component librariesFree + paid plans

Magic UI

magicui.design

Animated React components and effects made for shipping quickly.

Component librariesFree + paid plans

21st.dev

21st.dev

Community made React components and blocks ready to install.

Component librariesOpen source

Animate UI

animate-ui.com

Motion aware React components with production friendly defaults.

Component librariesFree + paid plans

Fancy Components

fancycomponents.dev

Motion rich components built to make interfaces feel alive.

Component librariesFree + paid plans

snapcn

snapcn.dev

A collection of polished interface components and visual building blocks.

ComponentsFree

Morphicons

morphicons.com

An SVG icon library focused on expressive, animated icon transitions.

ComponentsFree

beUI

beui.dev

A library of animated UI components and interaction effects for building web interfaces.

ComponentsFree

Shoogle

shoogle.dev

A search engine for shadcn UI blocks, components, and templates across shadcn registries.

ComponentsFree

The Component Gallery

component.gallery

A reference archive of real interface components and design systems.

ComponentsFree + paid plans

CTA.gallery

cta.gallery

A curated gallery of call-to-action design references for designers looking for clearer conversion moments.

ComponentsFree + paid plans

Navbar Gallery

navbar.gallery

A focused collection of navigation patterns across real websites.

ComponentsFree + paid plans

A searchable reference for SaaS websites, pages, sections, and social previews.

ComponentsFree + paid plans

Rebrand

rebrand.gallery

A gallery of visual identity launches, design systems, and rebrand reveal videos.

ComponentsFree + paid plans

Beautiful UI

beautifului.dev

Crafted primitives for AI-native interfaces, from loading and reasoning states to data-rich app surfaces.

ComponentsFree + paid plans

Amicro

amicro.vercel.app

A curated library of premium React micro-interactions and transition components built with Motion.

ComponentsOpen source

Curated

curated.design

A gallery of real, live websites selected for their craft, structure, and interaction.

ComponentsFree + paid plans

landing.love

landing.love

A visual library of landing pages with full-page recordings to study motion and composition.

ComponentsFree + paid plans

Hugeicons

hugeicons.com

An icon library with a broad range of consistent styles for product interfaces.

ComponentsFree + paid plans

Seesaw

seesaw.website

A visual index of hand-picked websites, fonts, and digital references.

ComponentsFree + paid plans

Rakazo

rakazo.com

An open-source alternative to Grok for running persistent AI teammates with your own keys, model, and machine.

InspirationFree

Design Minis

designminis.com

Small, approachable design references and creative resources worth saving.

InspirationFree

The Internet Designs

theinternetdesigns.com

Curated UI design inspiration from X and Pinterest, including landing pages, interfaces, motion, branding, and product design.

InspirationFree

Framer Gallery

framer.com/community/gallery

A community gallery for exploring polished Framer sites, templates, and ideas.

InspirationFree

Best Designs on X

bestdesignsonx.com

Hand-picked design inspiration from creatives on X, including visual showcases, logos, UI, branding, and more.

InspirationFree

DesEngs

desengs.com

Curated tools, articles, videos, communities, and inspiration for design engineers working across design and code.

InspirationFree

A resource for finding copy-ready interface ideas and design references.

InspirationFree

Toolfolio

toolfolio.com

A broad directory for discovering useful design, developer, and creative tools.

InspirationFree

A curated source of web design inspiration and standout digital work.

InspirationFree

CollectUI

collectui.com

A daily gallery of UI designs, portfolios, and creative inspiration.

InspirationFree

Inspora

inspora.design

A curated archive of recent visual design and creative work.

InspirationFree

Unsection

unsection.com

A broad collection of web sections for finding a useful starting point.

InspirationFree

One Page Love OG

onepagelove.com/og

Real Open Graph card examples for better social previews.

InspirationFree

Brandfetch

brandfetch.com

Brand assets and visual identity details in one useful place.

InspirationFree

Gridddy

gridddy.framer.website

A gallery dedicated to the often overlooked pre-footer call to action.

InspirationFree

Codrops Creative Hub

tympanus.net/codrops/hub

Editorial experiments, tutorials, and expressive web interaction studies.

InspirationFree

SupaHero

supahero.io

A focused gallery of hero sections worth studying.

InspirationFree

BentoGrids

bentogrids.com

A reference collection for bento layouts and modular page composition.

InspirationFree

404s.design

404s.design

Creative error pages with more personality than a dead end.

InspirationFree

Mobbin

mobbin.com

A large archive of mobile and web app screens for UI research and product teams.

InspirationFree

Footer.design

footer.design

A reference shelf for effective, well-finished footers.

InspirationFree

Transitions.dev

transitions.dev

A collection of ready-to-use transitions for modern interface work.

MotionFree

A library of 50+ free, open-source animated components and effects built with Svelte, Tailwind CSS, and Motion.

MotionFree

60fps

60fps.design

A gallery of smooth interface motion and web interaction details.

MotionFree

React Genie

npmjs.com/package/react-genie

A React reveal animation package by Kitze.

MotionFree

AutoAnimate

auto-animate.formkit.com

A tiny library that adds natural movement when the DOM changes.

MotionOpen source

Motion

motion.dev

The animation library for React, JavaScript, and modern interface work.

MotionOpen source

Haptic feedback for the mobile web, crafted by Lochie.

MotionOpen source

UseAnimations

useanimations.com

Animated icons and Lottie assets ready to add to apps and websites.

MotionOpen source

Make It Animated

makeitanimated.dev

Browse React Native animations built with Reanimated, Gesture Handler, the Animated API, and Skia.

MotionFree

NameThatUI

namethatui.com

A visual reference tool for recognizing and naming interface patterns.

AI toolsFree

Ditto

ditto.site

Turn a public URL into a byte-stable, componentized Next.js or Vite copy without LLM guesswork.

AI toolsFree

GetLayers AI

getlayers.ai

An AI-native library of website templates, motion, scenes, and design layers.

AI toolsFree + paid plans

Unicorn Studio

unicorn.studio

A browser-based tool for creating interactive motion and real-time graphics for the web.

AI toolsFree + paid plans

Swishy AI

swishy.ai

A generative creative tool for exploring visual directions quickly.

AI toolsFree + paid plans

Spline

spline.design

A browser based 3D design tool for interactive scenes and experiences.

AI toolsFree + paid plans

morflax

morflax.com

Creative work and experiments from morflax.

AI toolsFree + paid plans

An interactive browser experiment for shaping luminous liquid-orb visuals.

Visual effectsFree

Bible Strong Avatar Lab

avatars.bible-strong.app

A browser-based studio for designing procedural 2D avatars, expressions, and reusable animations.

Visual effectsFree

A playful liquid and gooey-effect experiment for visual interface work.

Visual effectsFree

Gradii

gradii.kshv.me

A gradient generator for creating customizable colors, text, and effects.

Visual effectsFree + paid plans

Snipzy

snipzy.dev/snippets/liquid-glass-card.html

A liquid-glass card effect with Apple-style distortion animation for modern UI elements.

Visual effectsFree

A 3D glass-effect component that recreates Apple-style liquid glass.

Visual effectsFree

ShaderGradient

shadergradient.co

Interactive WebGL gradients and animated shader backgrounds.

Visual effectsOpen source

PatternCraft

patterncraft.fun

Hundreds of copyable CSS and Tailwind background patterns.

Visual effectsOpen source

PhotoGradient

photogradient.com

Generate gradients from chosen colors or a photo.

Visual effectsFree + paid plans

Shaders.com

shaders.com

A collection of ready to use shader effects for the web.

Visual effectsOpen source

Liquid Glass JS

github.com/dashersw/liquid-glass-js

A JavaScript implementation of the liquid glass visual effect.

Visual effectsOpen source

Wiggle Bones

wiggle.three.tools

A Three.js tool for adding natural secondary motion to rigs.

3DOpen source

A WebGPU water simulation experiment by Yong Su.

3DOpen source

Countertype Three Text

countertype.com/tools/three-text/demo

An interactive demo of three-text, a 3D text rendering and layout engine for Three.js.

3DOpen source

Design Spells

designspells.com

Small interface interactions with a little magic in them.

Micro interactionsFree

Theme Toggle View Transitions

theme-toggle.rdsx.dev

A compact set of theme change effects powered by the View Transitions API.

Micro interactionsOpen source

Cursify

cursify.ui-layouts.com

A cursor animation library for React and Next.js.

Micro interactionsFree

A large collection of CSS powered hover effects by Ian Lunn.

Micro interactionsOpen source

Fontshare

fontshare.com

A free font service from the Indian Type Foundry, making quality fonts accessible to all.

AssetsFree + paid plans

mapcn

mapcn.dev

Accessible, customizable map components built on MapLibre GL, Tailwind CSS, and shadcn/ui.

AssetsOpen source

SVG Pattern Builder

svg.designcode.io

Create, customize, and download animated SVG patterns for web and design projects.

AssetsOpen source

UNCUT

uncut.wtf

A free catalogue of contemporary typefaces.

AssetsFree + paid plans