The full index
Every resource on one page, by category.
Aceternity UI200+ animated copy-paste React components, blocks and landing templates built with Tailwind CSS and Motion.FrontendFreemium
CSS Text Effects90 pure-CSS animated text effects — gradient, glitch, typewriter, neon — click to copy, no JavaScript.FrontendOpen source
Gradient ButtonsHundreds of CSS gradient buttons, one click to copy.FrontendFree
Kinetics150+ spring-physics micro-interactions with CSS, React code and build prompts — tune the physics, copy the motion.FrontendOpen source
Liquid GlassLiquid-glass refraction components that bend the live DOM behind them, in every browser.FrontendFree
Magic UIAnimated React components and landing-page templates built with Tailwind and Motion, installable via the shadcn CLI.FrontendFreemium
MicroKit UIFree copy-paste microinteractions for React, CSS and Tailwind — animated buttons, hovers, tabs and inputs, no package to install.FrontendOpen source
UIAbleAn open-source component library for Next.js — customizable blocks you copy in and make your own.FrontendOpen source
UiverseA community library of open-source UI elements — buttons, loaders, toggles, cards — copyable as CSS or Tailwind.FrontendOpen source
mapcnOpen-source map components and ready-made blocks for React — store locators, heatmaps, choropleths and delivery trackers built on MapLibre GL, shadcn/ui and Tailwind, installed with one shadcn CLI command.FrontendOpen source
Component GalleryA cross-reference of UI components as they appear in dozens of real design systems — see how everyone else named and built a combobox.FrontendFree
CursifyCopy-paste custom cursor components for React — trailing dots, magnetic hovers, and canvas effects that replace the default pointer.FrontendOpen source
Fancy ComponentsUnusual React and Motion components for the parts of a site meant to show off — text effects, physics, and deliberately playful hovers.FrontendOpen source
Framer UniversityFree Framer components, templates, and tutorials — drop-in effects and layouts for people building sites in Framer rather than in code.FrontendFreemium
Motion PrimitivesAnimated React components built on Motion and Tailwind — copy the source in, tune the springs, and skip writing the transitions yourself.FrontendFreemium
NumberFlowA component that animates numbers as they change — digit-by-digit transitions for counters, prices, and dashboards, in React, Vue, or Svelte.FrontendOpen source
React BitsA large collection of animated React components — text effects, backgrounds, and interactions, shipped in JS or TS and CSS or Tailwind.FrontendFree
Theatre.jsA motion design library with a visual editor — animate anything in JavaScript, three.js scenes included, and keyframe it in the browser.FrontendOpen source
21st.dev12,000+ hand-crafted React and Tailwind components, templates, and shadcn themes — preview live, install with one command.FrontendFreemium
ThreeUICopy-ready Three.js components, WebGL backgrounds, hero sections, and full templates with source.FrontendFreemium
shadcn/uiBeautifully designed, copy-paste React components built on Radix and Tailwind.FrontendPickOpen source
Color.reviewA contrast checker you can design inside — nudge two colors side by side and watch the WCAG ratio update against real text samples.Developer ToolsFree
DeskflowShare one keyboard and mouse across several computers — a software KVM without the video, running on macOS, Windows, and Linux.Developer ToolsOpen source
Easing EditorAnime.js's easing playground — shape a curve, preview it on a moving object, and copy the CSS or JavaScript value straight out.Developer ToolsFree
Easing FunctionsThe reference sheet for standard easing curves — every ease-in, ease-out, and elastic variant with a live preview and copyable code.Developer ToolsFree
Easing GradientsGenerates CSS gradients that fade along an easing curve instead of a straight line — the fix for banded, muddy-looking gradient edges.Developer ToolsFree
LocalSendSend files between devices on the same network with no account and no cloud hop — AirDrop's idea, working across every platform.Developer ToolsOpen source
OKLCH Color PickerA color picker built on OKLCH — choose perceptually even shades, see which ones fall outside sRGB, and copy the CSS value.Developer ToolsFree
Ray.soTurns a snippet into a shareable code screenshot — themes, padding, and window chrome, from the team behind Raycast.Developer ToolsFree
RegExrBuild and debug regular expressions with live highlighting, a plain-English explanation panel, and a searchable library of patterns.Developer ToolsFree
SVGOMGThe web front end for SVGO — drop in an SVG, toggle the optimizations, and watch the file size drop with the preview right beside it.Developer ToolsOpen source
ui.cameraTurns a screenshot of your interface into a polished product shot — device frames, backgrounds, and video, without opening a design tool.Developer Tools
AstroThe web framework for content-driven sites — ships zero JS by default and brings your own UI components.ReposOpen source
DESIGN.mdHundreds of community-made design systems as DESIGN.md files your AI coding tools can read — with an MCP server and CLI.Vibe CodingFree
ScrolltideA library of 120+ full build prompts for scroll-driven and 3D websites — each a complete design brief for Claude, Cursor or v0; four are free, the rest need a subscription.Vibe CodingFreemium
VibePromptA library of UI layout prompts with ready-to-paste Tailwind code for every page section — heroes, pricing, dashboards and more.Vibe CodingFree
SkillsA registry of agent skills for Claude Code, Cursor, Codex, and the rest — browse what people actually install, then add one by command.Vibe CodingFree
404sA curated gallery of creative 404 and error pages.Design InspirationFree
AppShot GalleryA curated gallery of App Store screenshots and app icons, browsable by genre — reference for mobile UI and ASO.Design InspirationFree
CTA GalleryCall-to-action inspiration from real sites — forms, popups, banners and buttons built to convert.Design InspirationFree
FooterA curated gallery of website footers, sortable by type and style.Design InspirationFree
KageBrowse real product interfaces by section — heroes, pricing tables, feature grids — and turn any design into a prompt for Claude Code, Codex or Cursor.Design InspirationFree
Navbar GalleryA collection of website navigation bars from real products — find the right nav pattern for your layout.Design InspirationFree
Refero Styles2,000+ real website styles with their colors, typography and spacing captured as AI-readable DESIGN.md files.Design InspirationFreemium
CosmosA visual search and curation engine for creatives — save what catches your eye into boards and it keeps surfacing more of the same.Design InspirationFreemium
Curated DesignDesign inspiration pulled from real, live websites rather than mockups — sortable by industry, style, and the section you need ideas for.Design InspirationFree
Design SpellsA running collection of the small delightful details — the hovers, transitions, and easter eggs that make an interface feel alive.Design InspirationFree
Game UI DatabaseA searchable archive of over a thousand game interfaces, broken down screen by screen — menus, HUDs, inventories, and settings.Design InspirationFree
HUDS+GUISA gallery of fictional and speculative interface design — the HUDs, dashboards, and screen graphics built for film, games, and concept work.Design InspirationFree
Interface In GameVideo game UI catalogued screen by screen — filter by genre, platform, or interface type to see how shipped games solve a pattern.Design InspirationFree
LayersA community feed where designers post work in progress and finished shots — closer to a design-focused network than a curated gallery.Design InspirationFree
loadmo.reAn archive of unconventional mobile websites — one curator making the case for friction and personality over another identical layout.Design InspirationFree
RebrandA reference library of brand identity redesigns shown before and after — useful when you need evidence behind a visual direction.Design InspirationFreemium
SaaspoSaaS website design collected page by page and section by section — pricing tables, hero blocks, and feature grids from real products.Design InspirationFreemium
Same EnergyA visual search engine that matches an aesthetic rather than a keyword — feed it one picture and it returns the rest of the mood.Design InspirationFree
SearchSystemOne designer's long-running directory of design references, studios, and tools — a personal index rather than an algorithmic feed.Design InspirationFree
SEESAWA curated gallery of live website design browsable by category — screenshots that link straight through to the working site.Design InspirationFree
SOOT SPIRALAn image search that lays real results out in an explorable spiral — pan and zoom through references instead of scrolling a grid.Design Inspiration
SupaheroA library of website hero sections pulled from live sites — the one part of a landing page that always needs another reference.Design Inspiration
60fps.designEndless collection of delightful UI details from best-in-class apps, in motion.Design InspirationFree
Growth.designComic-style UX case studies that dissect real product flows, decision by decision.Design InspirationFree
Laws of UXThe psychology principles behind good interfaces, one law per page with examples.Design InspirationFree
Page FlowsRecorded user flows from popular apps — onboarding, checkout, upgrade — searchable by task.Design InspirationFreemium
UX SnapsAnnotated UI teardowns of real apps — what each screen does well, filtered by pattern and by mobile or desktop.Design InspirationFree
Collect UIDaily-updated collection of UI shots from Dribbble, organized by component and screen type.Design InspirationFree
Wall of PortfoliosA showcase of the best UX, UI, and product designer portfolios — minimal, dark, animated, and bento styles.Design InspirationFree
Dark DesignA curated collection of the best dark-mode interfaces and dark-themed marketing sites.Design InspirationFree
Minimal GalleryHand-picked minimal websites since 2013 — clean typography, whitespace, and restraint.Design InspirationFree
Recent DesignFresh design inspiration, updated constantly — the newest well-crafted sites as they ship.Design InspirationFree
Shoot DesignA gallery of hand-picked UI shots from real products — search by pattern, flow, or component.Design InspirationPickFree
3dicons1,440+ open-source 3D icons, free for personal and commercial use without attribution.Design & UIOpen source
Circle Loaders24 monochrome circular loading animations as standalone SVG — pure CSS, no dependencies, reduced-motion aware.Design & UIFree
Kitbitz2,000+ hand-drawn illustrations as SVG/PNG with Figma kits, a plugin and MCP access — free for commercial use (CC0).Design & UIFree
HugeiconsVery large icon library in several styles (stroke, solid, duotone, bulk); a sizeable free set, with the full catalog behind a license.Design & UIFreemium
Phosphor IconsFlexible open-source icon family in six weights, from thin to fill plus duotone — one set that covers both quiet UI and bold marketing pages.Design & UIOpen source
Tabler IconsThousands of MIT-licensed stroke icons on a 24px grid, with adjustable stroke width and packages for React, Vue, Svelte and plain SVG.Design & UIOpen source
AllumeA thinking space for iPad, iPhone and Mac, previously called Muse — nested boards where documents, sketches, links and notes sit side by side.Design & UIFreemium
Best Free FontsA tight, curated shortlist of free typefaces — a couple of hundred picks rather than ten thousand search results to wade through.Design & UIFree
BeziCollaborative 3D and spatial design in the browser — prototype an interactive scene with a team the way you would a flat mockup.Design & UIFreemium
cablesA node-based editor for real-time WebGL visuals — patch the scene together in the browser and export it as a web-ready piece.Design & UIFreemium
CavalryProcedural 2D motion design — node graphs and data-driven rigs instead of hand-keyframing a hundred versions of the same asset.Design & UIFreemium
CLO3D garment design with real cloth simulation — pattern it, sew it virtually, and see how it drapes before a single piece is cut.Design & UIPaid
DepthkitVolumetric video capture from depth sensors — record a performance as geometry you can move a camera around long after the shoot.Design & UI
FMODThe adaptive audio engine behind a lot of games — author interactive sound in the tool, then drive it from Unity, Unreal, or your own code.Design & UIFreemium
Fonts In UseAn archive of typography in the wild, indexed by typeface, industry, and era — see how a font behaves in public before you license it.Design & UIFree
FontshareFree, professional-quality typefaces from the Indian Type Foundry — full families, licensed for personal and commercial work alike.Design & UIFree
Free FacesA gallery of free typefaces from independent designers — the characterful end of free type rather than the safe, familiar end.Design & UIFree
JitterMotion design in the browser with a Figma-shaped interface — animate a layout and export it as video, GIF, or Lottie.Design & UIFreemium
KIRI EnginePhotogrammetry and Gaussian splatting from a phone — scan an object with the camera and get a usable 3D model back from the cloud.Design & UIFreemium
LosslessCutTrims and cuts video without re-encoding — lossless, near-instant, and ideal for salvaging usable clips out of huge recordings.Design & UIOpen source
Lottie CreatorLottieFiles' browser editor for building and tweaking Lottie animations — no After Effects round trip just to change a color.Design & UIFreemium
LottielabA dedicated Lottie editor with interactivity and states — design the animation, then hand developers a single JSON file.Design & UIFreemium
Luma AICapture real scenes as radiance fields and generate video from them — 3D reconstruction and generative video under one roof.Design & UIFreemium
MakeEmojiTurns an uploaded image or a prompt into a custom emoji — static or animated, sized for Slack and Discord.Design & UIFreemium
Marvelous DesignerCloth simulation for 3D artists — the same pattern-based workflow as CLO, aimed at characters in games and film rather than production.Design & UIPaid
Needle ViewerA browser viewer and light editor for glTF and USD files — drop a model in, inspect it, and share a link that runs anywhere.Design & UIFreemium
NodesA browser canvas for creative coding with JavaScript and npm — wire code blocks together into generative and visual experiments.Design & UI
OpenCutA timeline video editor that runs in the browser and keeps footage on your own machine — an open, watermark-free answer to CapCut.Design & UIOpen source
PaperA web-native design tool built on real HTML and CSS — what you draw is what the browser renders, shaders and all, with no handoff gap.Design & UIFreemium
Polycam3D scanning on a phone — LiDAR, photogrammetry, and splat capture, with export to the mesh formats the rest of your pipeline expects.Design & UIFreemium
RealityScanEpic's photogrammetry app — shoot an object from every angle on a phone and get a game-ready mesh processed in the cloud.Design & UIFree
RecordlyAn open-source screen recorder for product demos — automatic zooms and a smoothed cursor turn a raw capture into something watchable.Design & UIOpen source
ShaderToyThe gallery and live editor where GLSL fragment shaders are shared — read the source behind effects you assumed were impossible.Design & UIFree
ShareXA Windows capture toolkit — region screenshots, GIF and video recording, OCR, and a very long list of upload destinations.Design & UIOpen source
Stitch by Google LabsGoogle Labs’ prompt-to-UI experiment — describe or sketch a screen and get back an editable design along with the frontend code for it.Design & UIFree
Style3DA digital fashion platform covering 3D garment design, fabric libraries, and virtual sampling for apparel production.Design & UIPaid
SuperSplat EditorAn open-source browser editor for 3D Gaussian splats — clean up a scan, crop away the mess, and publish the result to a link.Design & UIOpen source
UNCUTA curated catalogue of 160+ contemporary typefaces by independent designers — sans, serif, mono and display, all free for commercial use.Design & UIFree
Unicorn.studioDesign interactive WebGL effects without writing shaders — build the animation visually, then embed it in a real site.Design & UIFreemium
WompBrowser-based 3D modeling built on soft, blobby shapes — the friendliest on-ramp into 3D for people who normally design in 2D.Design & UIFreemium
SVGLAn open-source library of SVG brand and product logos, copy-ready as SVG or React/TSX.Design & UIOpen source
CoolorsGenerate, browse, and save color palettes in seconds.Design & UIFreemium
LucideA beautiful, consistent open-source icon set with first-class React/Vue/Svelte support.Design & UIPickOpen source
Devouring DetailsRauno Freiberg's interactive manual on interaction design — 23 chapters of live demos you can poke at, each with its React source; one prototype chapter is free.Learn & DocsPaid
InterfacesFree design-engineering magazine with hands-on pieces on animation, typography, layout and color, written for people who build the UI themselves.Learn & DocsFree
Invisible DetailsA course on the small interface decisions users never notice but always feel — timing, weight, feedback and predictability; three lessons are free to read.Learn & DocsPaid
roadmap.shCommunity-driven roadmaps and learning paths for developers and engineering roles.Learn & DocsFree