422 tools · 17 sections · 5 hubs

Every tool, one canvas

The whole index on a single page, grouped the way it is organised. Filter as you type, jump between sections from the layers rail, and open any frame for a closer look.

422 tools

Inspiration

Website design inspiration galleries

60fps preview

60fpsGalleriesScreen recordings that capture interfaces in motion, gathered as inspiration for studying UI animation.

AwwwardsGalleriesAn awards program and gallery that recognizes standout web design and front-end craft each day.

Cosmos preview

CosmosGalleriesA visual moodboarding space for collecting images and references and building creative inspiration boards.

Curated Design preview

Curated DesignGalleriesA gallery that groups website inspiration by aesthetic style so you can browse by the look you want.

Layers preview

LayersGalleriesA platform where designers post and share their work publicly for feedback and inspiration.

minimal.gallery

Minimal Gallery preview

Minimal GalleryGalleriesA collection of minimal, restrained websites for anyone seeking pared-back design inspiration.

Mobbin preview

MobbinGalleriesA searchable library of real mobile and web app screens and user flows from shipping products.

Saaspo preview

SaaspoGalleriesA hand-picked gallery of SaaS landing pages for marketing and product design inspiration.

SEESAW preview

SEESAWGalleriesWebsite design inspiration organized by page section so you can study one block at a time.

Supahero preview

SupaheroGalleriesA curated collection of website hero sections for inspiration when designing a landing page.

Imageory preview

ImageoryGalleriesA visual gallery that pairs images with the prompts behind them for creative inspiration.

backgrounds.supply

Backgrounds Supply preview

Backgrounds SupplyGalleriesA set of handcrafted website backgrounds, ready to drop straight into your next project.

backgrounds.venust.ai

Venust Backgrounds preview

Venust BackgroundsGalleriesFree, AI-generated website backgrounds that come with the original prompts used to create them.

Details preview

DetailsGalleriesClose-up breakdowns of micro-interactions from leading digital products, for studying the details.

Sombra preview

SombraGalleriesA showcase of dark-mode website interfaces for anyone designing around darker palettes.

Dribbble preview

DribbbleGalleriesA global community where designers post shots and concepts to share work and find inspiration.

Behance preview

BehanceGalleriesAdobe's platform for publishing and browsing creative portfolios across design disciplines.

Recent Design preview

Recent DesignGalleriesA weekly selection of award-worthy websites, refreshed for a steady stream of design inspiration.

navbar.design preview

navbar.designGalleriesA hand-picked set of navigation bar patterns to reference when designing site menus.

footer.design preview

footer.designGalleriesA selective set of creative website footers for inspiration on that closing section.

Land-book preview

Land-bookGalleriesA large gallery of landing pages organized by industry so you can browse designs in your niche.

Collect UI preview

Collect UIGalleriesDaily UI design inspiration tagged by component, drawn from an ongoing design challenge.

siteinspire.com

SiteInspire preview

SiteInspireGalleriesA long-running showcase of finely crafted web design, filterable by style and subject.

Lapa Ninja preview

Lapa NinjaGalleriesA chosen set of responsive landing pages to browse for layout inspiration.

UX Archive preview

UX ArchiveGalleriesAn archive of mobile onboarding flows, captured screen by screen for UX reference.

Screenlane preview

ScreenlaneGalleriesA searchable gallery of interface screens for UI inspiration across apps.

Flowbase preview

FlowbaseGalleriesA source of premium UI components and interaction patterns for building site layouts.

Hover States preview

Hover StatesGalleriesA showcase of inventive, interactive web design for studying how sites handle motion and hover.

SaaSFrame preview

SaaSFrameGalleriesHundreds of SaaS marketing page screenshots collected as landing-page design inspiration.

landingfolio.com

Landingfolio preview

LandingfolioGalleriesAn extensive library of landing page designs to browse for layout and marketing inspiration.

Pttrns preview

PttrnsGalleriesA directory of mobile UI patterns for referencing how apps handle common screens.

onepagelove.com

One Page Love preview

One Page LoveGalleriesA showcase of single-page website designs for anyone building a one-pager.

designspiration.com

Designspiration preview

DesignspirationGalleriesA search platform for discovering visual art and design imagery to fuel inspiration.

bestwebsite.gallery

Best Website Gallery preview

Best Website GalleryGalleriesA hand-picked archive of exceptional websites, kept as a reference for standout web design.

theinspirationgrid.com

Inspiration Grid preview

Inspiration GridGalleriesAn online magazine that spotlights creative visual design and work across disciplines.

Scrnshts preview

ScrnshtsGalleriesA curated set of App Store screenshot designs for inspiration when marketing a mobile app.

Are.na preview

Are.naGalleriesA collaborative platform for visual bookmarking and organizing research into shared boards.

Appinspo preview

AppinspoGalleriesA vetted gallery of mobile app designs for UI and interface inspiration.

darkmodedesign.com

Dark Mode Design preview

Dark Mode DesignGalleriesA showcase dedicated to dark-mode websites for inspiration on designing darker interfaces.

Pinterest preview

PinterestGalleriesA visual discovery platform for saving and finding creative ideas across every topic.

navbar.gallery preview

navbar.galleryGalleriesA tightly focused gallery of modern navigation bars to study when designing site menus.

posts.design preview

posts.designGalleriesA curated archive of social media graphic design for inspiration on post and feed layouts.

loadmo.re preview

loadmo.reGalleriesA gallery of experimental mobile website designs for fresh, boundary-pushing inspiration.

inspora.design preview

inspora.designGalleriesAn archive of contemporary visual web design to browse for modern inspiration.

cta.gallery preview

cta.galleryGalleriesA hand-picked set of call-to-action buttons and banners for conversion-focused inspiration.

desengs.com preview

desengs.comGalleriesA directory of design engineering portfolios and the lore behind the people making them.

isthereanytool.app

isthereanytool preview

isthereanytoolGalleriesA directory surfacing lesser-known tools for design, craft, and AI work.

designeng.tools

designeng.tools preview

designeng.toolsGalleriesA curated hub bringing design engineering tools, resources, and inspiration together in one place.

bestdesignsonx.com

bestdesignsonx.com preview

bestdesignsonx.comGalleriesA curated feed of design-forward creators and standout posts pulled from X.

designbookmark.com

Design Bookmark preview

Design BookmarkGalleriesA directory that bookmarks useful design resources and links so you can find them in one place.

rebrand.gallery

Rebrand Gallery preview

Rebrand GalleryGalleriesA gallery of brand redesigns shown before and after, for studying how identities evolve.

curations.supply

Curations preview

CurationsGalleriesA curated library of digital design assets to browse and pull from for projects.

Landing Love preview

Landing LoveGalleriesA collection of delightful landing pages organized by their animation for motion inspiration.

Motionimo preview

MotionimoGalleriesAn extensive library of motion design clips for studying animation and movement.

before.click preview

before.clickGalleriesA showcase of high-converting app screenshot concepts for App Store marketing inspiration.

Swiped preview

SwipedGalleriesA collection of standout design posts gathered from across social platforms.

Landdding preview

LandddingGalleriesA daily-updated catalogue of creative landing pages for layout and marketing inspiration.

designengineer.tools

designengineer.tools preview

designengineer.toolsGalleriesA roundup of essential tools tailored to the work of design engineers.

Insposite preview

InspositeGalleriesA directory of design references and tools to browse when you need inspiration.

loader-buttons.appllama.io

Loader Buttons preview

Loader ButtonsGalleriesA gallery of 25 loading button animations to reference for micro-interaction ideas.

What Ships preview

What ShipsGalleriesA collection of standout product launch demo videos gathered from posts on X.

GreatStuff preview

GreatStuffGalleriesA carefully vetted archive of creative tools, collected so you can find the good ones faster.

Great Apps preview

Great AppsGalleriesA weekly gallery highlighting exceptional iOS apps worth a closer look.

curated.domains

Curated Domains preview

Curated DomainsGalleriesA collection of brands using creative top-level domains, for naming and branding inspiration.

Sections.wtf preview

Sections.wtfGalleriesA gallery of real-world website sections and hero layouts to reference block by block.

Browse.cool preview

Browse.coolGalleriesA pick of websites chosen for their exceptional tactile feel and interaction.

Folios Gallery preview

Folios GalleryGalleriesA selective directory of outstanding designer portfolios to study for inspiration.

wwwtf.site preview

wwwtf.siteGalleriesA gallery of quirky, experimental corners of the interactive web worth exploring.

Early preview

EarlyGalleriesA discovery platform for surfacing early-stage software products worth a first look.

openalternative.co

OpenAlternative preview

OpenAlternativeGalleriesA directory matching popular SaaS tools with their open-source alternatives.

everywhere.tools

Everywhere Tools preview

Everywhere ToolsGalleriesA collection of open-source creative tools aimed at hands-on design and craft work.

gallery.jessyin.world

Jessy In's Gallery preview

Jessy In's GalleryGalleriesA shared moodboard where contributors collect unusual visual finds to spark design inspiration.

wallofportfolios.in

Wall of Portfolios preview

Wall of PortfoliosGalleriesA showcase wall of design-engineering and product portfolios to browse for inspiration.

Detail Design preview

Detail DesignGalleriesAn archive documenting the carefully crafted micro-interactions found across software interfaces.

betwnstudios.com

Betwn Studios preview

Betwn StudiosGalleriesA studio that designs and builds modern web experiences for SaaS products.

saaslandingpage.com

SaaS Landing Page preview

SaaS Landing PageGalleriesA curated showcase of standout SaaS landing pages worth studying for inspiration.

bestsaaswebdesigns.com

Best SaaS Web Designs preview

Best SaaS Web DesignsGalleriesA hand-picked gallery of SaaS website designs collected as design inspiration.

A1 preview

A1GalleriesA gallery of website designs gathered as inspiration for your next project.

Interface design tools and UI labs

Figma preview

FigmaInterface designA collaborative platform for designing and prototyping interfaces with your team.

Framer preview

FramerInterface designA visual canvas for designing and then publishing websites straight to the web.

make.design preview

make.designInterface designAn AI generator that turns written prompts into polished interface designs.

Penpot preview

PenpotInterface designAn open-source web design platform, built around SVG, that runs in the browser.

Spline preview

SplineInterface designBrowser-based 3D design software with built-in physics for interactive scenes.

interfacecraft.dev

Interface Craft preview

Interface CraftInterface designA collection of articles exploring the craft behind modern digital interfaces.

UI Labs preview

UI LabsInterface designA lab that takes apart animated UI components to show how they are built.

UIWTF preview

UIWTFInterface designA showcase of experimental interface patterns pushing what the web can do.

Lab01 preview

Lab01Interface designA collection of refined interface experiments published by a design studio.

design.dev preview

design.devInterface designAn AI-assisted editor for building and managing design tokens and systems.

UI Playbook preview

UI PlaybookInterface designA guide to the common states that UI components move through as you design them.

Web design resources: blogs, books and courses

refactoringui.com

Refactoring UI preview

Refactoring UIReadingA practical guide full of tactics for designing and building better interfaces.

practicaltypography.com

Practical Typography preview

Practical TypographyReadingAn online book covering the rules of typography and how to lay out text.

web.dev preview

web.devReadingPractical guidance on web performance and building to modern web standards.

inclusive-components.design

Inclusive Components preview

Inclusive ComponentsReadingA pattern library that teaches you how to build accessible interface components.

joshwcomeau.com

Josh Comeau preview

Josh ComeauReadingInteractive tutorials and articles that unpack how CSS mechanics really work.

design-books.com

Design Books preview

Design BooksReadingA directory of essential design books organized by the discipline they cover.

learn-kernels.com

Learn Kernels preview

Learn KernelsReadingAn interactive guide to writing and understanding GPU kernel programming.

designsystemchecklist.com

Design System Checklist preview

Design System ChecklistReadingA thorough checklist covering what goes into a production-ready design system.

Learn UI preview

Learn UIReadingA video course that teaches the practical side of designing user interfaces.

designspells.com

Design Spells preview

Design SpellsReadingA collection dissecting the subtle design details hidden in everyday software.

Good UI preview

Good UIReadingA library of evidence-based UI design patterns backed by real-world data.

Abduzeedo preview

AbduzeedoReadingA daily design blog that shares a steady stream of visual inspiration.

UX Collective preview

UX CollectiveReadingA curated publication that gathers critical essays on user experience design.

smashingmagazine.com

Smashing Magazine preview

Smashing MagazineReadingA dependable resource of articles and guides for web designers and developers.

Codrops preview

CodropsReadingA blog publishing creative front-end experiments alongside hands-on tutorials.

Muzli preview

MuzliReadingA daily digest that curates the latest design trends into a single feed.

boxesandarrows.com

Boxes and Arrows preview

Boxes and ArrowsReadingA long-running journal about the practice and ideas behind information architecture.

designernews.co

designernews.co

Designer NewsReadingA community-driven feed where designers surface and discuss the latest stories.

webdesignerdepot.com

Web Designer Depot preview

Web Designer DepotReadingA design publication that covers web standards and the tools designers use.

Designmodo preview

DesignmodoReadingA publication offering both articles and practical tools for web design.

99designs Discover preview

99designs DiscoverReadingA design blog that explores branding and the creative thinking behind it.

Interfaces preview

InterfacesReadingA monthly digital publication that explores the design of digital interfaces.

makingsoftware.com

Making Software preview

Making SoftwareReadingEssays examining how the tools designers use end up shaping their software.

visualrambling.space

Visual Rambling preview

Visual RamblingReadingPersonal visual essays that dig into interface design one idea at a time.

degreeless.design

Degreeless Design preview

Degreeless DesignReadingA curated learning roadmap for anyone set on mastering product design.

SVG Guide preview

SVG GuideReadingA guide to writing SVG markup and animating it, for designers and developers.

Animations.dev preview

Animations.devReadingA course that teaches you to create web animations that genuinely feel right.

UI Skills preview

UI SkillsReadingA course covering techniques for designing interfaces with the help of AI.

AI for UI preview

AI for UIReadingA course on putting AI workflows to work in your interface design process.

UI Land preview

UI LandReadingA series of interviews with leading design engineers about their craft.

Laws of UX preview

Laws of UXReadingA collection of psychological principles that shape how usable an interface feels.

userinterface.wiki

User Interface Wiki preview

User Interface WikiReadingA knowledge base that documents interface design guidelines and rules in one place.

The Shape of AI preview

The Shape of AIReadingA pattern library that spotlights design patterns for AI-powered interfaces.

Components

React UI component libraries

109Section page

ForgeUI preview

ForgeUIComponent librariesAnimated React and Tailwind components plus ready-made templates for building interfaces faster.

RewampUI preview

RewampUIComponent librariesA dashboard that showcases ready-made UI components you can browse and reuse.

shadcn/ui preview

shadcn/uiComponent librariesUI components you copy directly into your own codebase instead of installing them as a package.

Base UI preview

Base UIComponent librariesUnstyled, style-ready component primitives from the makers of Radix and MUI.

Radix preview

RadixComponent librariesAccessible, unstyled UI primitives you can style freely when building React interfaces.

21st.dev preview

21st.devComponent librariesA community shadcn registry where you preview components interactively before adding them.

motion-primitives.com

Motion Primitives preview

Motion PrimitivesComponent librariesAnimated React components built on the Motion library for adding movement to interfaces.

React Bits preview

React BitsComponent librariesA collection of animated, creative components to drop into your React projects.

component.gallery

Component Gallery preview

Component GalleryComponent librariesA reference that gathers and compares components across different design systems.

number-flow.barvian.me

NumberFlow preview

NumberFlowComponent librariesA component that smoothly animates changing numbers and works across modern frameworks.

fancycomponents.dev

Fancy Components preview

Fancy ComponentsComponent librariesPlayful React components that use physics-based effects for livelier interactions.

opensourceui.in

Opensource UI preview

Opensource UIComponent librariesCopy-paste React UI components and device mockups you can drop straight into projects.

ui.spectrumhq.in

Spectrum UI preview

Spectrum UIComponent librariesPolished UI components designed specifically for building SaaS websites.

amicro.vercel.app

Amicro preview

AmicroComponent librariesLightweight, drop-in primitives for adding micro-animations to React interfaces.

painterly.design-tools.workers.dev

Painterly preview

PainterlyComponent librariesArtistic canvas-based loading animations packaged as components for React.

Bencho preview

BenchoComponent librariesInteractive UI blocks whose physics you can adjust to tune exactly how they feel.

shadcnblocks.com

shadcnblocks preview

shadcnblocksComponent librariesThousands of clean, ready-to-use website blocks built in the shadcn style.

blocks.so preview

blocks.soComponent librariesOpen-source website blocks you install straight from the command line.

8bitcn preview

8bitcnComponent librariesRetro, 8-bit styled UI components ready to drop into your shadcn projects.

Evil Charts preview

Evil ChartsComponent librariesAnimated SVG chart components designed to fit neatly into shadcn/ui projects.

coss ui preview

coss uiComponent librariesCopy-paste UI components built on top of the Base UI primitive library.

Rare UI preview

Rare UIComponent librariesA set of distinctive, animated UI components for building React interfaces.

beUI preview

beUIComponent librariesAnimated React components styled with Tailwind CSS for quicker interface work.

butter-nav.vercel.app

Butter Nav preview

Butter NavComponent librariesA mega-menu component whose layout morphs fluidly as you move between its sections.

Cult UI preview

Cult UIComponent librariesAnimated React components powered by Framer Motion for smooth interface motion.

daisyUI preview

daisyUIComponent librariesA library of component classes that extends Tailwind CSS for faster styling.

HeroUI preview

HeroUIComponent librariesA modern React UI component library, released earlier under the name NextUI.

Kibo UI preview

Kibo UIComponent librariesA component registry stocked with pieces tailored for building AI interfaces.

Magic UI preview

Magic UIComponent librariesAnimated UI components crafted specifically for building landing pages.

ui.aceternity.com

Aceternity UI preview

Aceternity UIComponent librariesTrendy animated components and hero sections for building eye-catching web pages.

Animate UI preview

Animate UIComponent librariesAccessible shadcn components brought to life with the Motion animation library.

FlyonUI preview

FlyonUIComponent librariesSemantic Tailwind CSS components, ready to use with the latest Tailwind v4.

TailGrids preview

TailGridsComponent librariesResponsive UI blocks built for quickly assembling pages with Tailwind CSS.

Flowbite preview

FlowbiteComponent librariesA large component library that builds on Tailwind CSS for interface work.

HyperUI preview

HyperUIComponent librariesFree, open-source UI components you can copy into your Tailwind CSS projects.

Preline UI preview

Preline UIComponent librariesTailwind CSS components suited to building complex dashboard interfaces.

Float UI preview

Float UIComponent librariesTailwind CSS components made for assembling pages on marketing websites.

Meraki UI preview

Meraki UIComponent librariesTailwind CSS components that come with support for right-to-left languages.

Tremor preview

TremorComponent librariesA modular set of React components for assembling full dashboard interfaces.

Headless UI preview

Headless UIComponent librariesUnstyled, accessible UI components created by the team at Tailwind Labs.

Base CN preview

Base CNComponent librariesBase UI primitives repackaged to slot into the shadcn component workflow.

Easy UI preview

Easy UIComponent librariesA copy-paste component library for putting interfaces together quickly.

Eldora UI preview

Eldora UIComponent librariesAnimated UI components tailored for building web landing pages quickly.

velora.colorlib.com

Velora UI preview

Velora UIComponent librariesA free set of Tailwind CSS components and prebuilt page sections to reuse.

Watermelon UI preview

Watermelon UIComponent librariesA React component library built to fit within the shadcn ecosystem of tools.

beautifului.dev

Beautiful UI preview

Beautiful UIComponent librariesPolished, copy-paste UI components for building the front end of web apps.

Hexter UIComponent librariesA tidy, clean collection of components ready to use in your shadcn projects.

Lightswind preview

LightswindComponent librariesTailwind CSS components featuring lighting and glow effects for standout UI.

Reverse UI preview

Reverse UIComponent librariesA component library for building interfaces with React and Tailwind CSS.

Smooth UI preview

Smooth UIComponent librariesMotion-rich React components you can copy straight into your own projects.

Tailark preview

TailarkComponent librariesTailwind CSS page sections and components aimed at building marketing sites.

UI Layouts preview

UI LayoutsComponent librariesFull-page layouts and hero sections ready to assemble with Tailwind CSS.

Kokonut UI preview

Kokonut UIComponent librariesCreative, interactive UI components packaged to work in the shadcn format.

Nex UI preview

Nex UIComponent librariesAn extensible UI component library aimed at teams building modern startups.

Ninja UI preview

Ninja UIComponent librariesLightweight UI components meant to help keep websites quick and fast to load.

Sera UI preview

Sera UIComponent librariesReact components designed to install directly through the shadcn command-line tool.

Re UI preview

Re UIComponent librariesAccessible UI components built on top of the Base UI primitive library.

Syntax UI preview

Syntax UIComponent librariesAnimated, copy-paste UI components for quickly putting together landing pages.

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjsComponent librariesshadcn components reworked so they fit projects that use CSS-in-JS styling.

transitions.dev

Transitions preview

TransitionsComponent librariesA curated set of CSS transition recipes and easing curves you can reuse.

23rd preview

23rdComponent librariesshadcn-style components available for use in both React and Svelte projects.

Oneko preview

OnekoComponent librariesA pixel-art cat that follows your cursor around the page as a companion.

rolling.kitlangton.dev

Rolling Number preview

Rolling NumberComponent librariesA React number counter that animates its digits with a smooth rolling effect.

Annnimate preview

AnnnimateComponent librariesProduction-ready motion components built with the GSAP animation library.

GetLayers preview

GetLayersComponent librariesA set of AI prompts that generate cinematic-style page sections for your site.

Scritto preview

ScrittoComponent librariesA component library for rolling-character text transitions you can drop into your UI.

ogimagecn preview

ogimagecnComponent librariesComponents for generating Open Graph social share images, powered by Satori.

Dither Kit preview

Dither KitComponent librariesChart components rendered with dithered pixels for a retro, old-school aesthetic.

shieldcn preview

shieldcnComponent librariesREADME badges styled to match the shadcn aesthetic for dressing up your project docs.

unlumen UI preview

unlumen UIComponent librariesA minimalist React component library you install and add through its command line.

Bearnie preview

BearnieComponent librariesA collection of UI components built for Astro and styled with Tailwind CSS.

fluidfunctionalism.com

Fluid Functionalism preview

Fluid FunctionalismComponent librariesUI components whose motion is driven by purposeful, physics-based animation.

termcn preview

termcnComponent librariesReact components for building terminal-style user interfaces, powered by Ink and OpenTUI.

framecn preview

framecnComponent librariesProgrammatic video rendering for React projects, powered by Editframe.

emailcn preview

emailcnComponent librariesResponsive email components that work with React Email, MJML, and JSX Email.

startercn.vercel.app

startercn preview

startercnComponent librariesA ready-to-fork shadcn/ui registry starter with docs, a landing page, and agent support.

pdfcn preview

pdfcnComponent librariesReact components for generating PDF documents, built on top of Takumi and Forme.

editorcn.vercel.app

editorcn preview

editorcnComponent librariesDrop-in rich-text editing UI for React apps, powered by the Tiptap framework.

shadcn-labs.com

Shadcn Labs preview

Shadcn LabsComponent librariesA collection of open-source registries and tooling for the shadcn/ui ecosystem.

FramebloxComponent librariesModular sections and templates you can assemble into complete sites inside Framer.

Nexvyn UIComponent librariesPolished, drop-in UI components ready to slot into digital interfaces and apps.

gradient-spin.vercel.app

gradient-spin.vercel.app

Gradient SpinComponent librariesA spinning, gradient-filled loading indicator component for React projects.

Libraries.dev preview

Libraries.devComponent librariesA collection of UI effects and components designed to be used by AI agents.

Sona UI preview

Sona UIComponent librariesAnimated React components you copy into your codebase and fully own and restyle.

text-effects.colorion.co

Colorion Text Effects preview

Colorion Text EffectsComponent librariesAnimated text effects you can copy and paste straight into your interface.

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot MatrixComponent librariesA set of over fifty dot-matrix style loading animations built for shadcn projects.

sacred.computer

SRCL preview

SRCLComponent librariesA component kit that recreates the look of retro, DOS-era terminal interfaces.

Prompt Kit preview

Prompt KitComponent librariesPrimitive components for building chat and other AI interface experiences.

Shoogle preview

ShoogleComponent librariesA search engine that indexes UI components across many different shadcn registries.

interior.dev preview

interior.devComponent librariesMicro-interactions carefully tuned to feel responsive the moment you click.

soundcn preview

soundcnComponent librariesA collection of copy-and-paste UI sound effects for adding audio to interfaces.

cuelume preview

cuelumeComponent librariesTiny interface sound cues generated in real time with the browser's Web Audio API.

Canvas UI preview

Canvas UIComponent librariesGPU-accelerated liquid physics effects and canvas shaders for rich UI visuals.

Odyssey UI preview

Odyssey UIComponent librariesA set of animated React components built on top of the shadcn component system.

Spell UI preview

Spell UIComponent librariesCarefully crafted, interactive UI components for building modern web applications.

Skiper UI preview

Skiper UIComponent librariesAnimated UI primitives designed to be composed and styled with Tailwind CSS.

devl preview

devlComponent librariesMinimalist, experimental UI components for building modern web interfaces.

Uiuno preview

UiunoComponent librariesAn AI-assisted workspace for organizing and managing your shadcn components.

vengeanceui.com

Vengeance UI preview

Vengeance UIComponent librariesAnimated React components built around scroll-driven interactions and effects.

sensory-ui preview

sensory-uiComponent librariesA sound-design system that adds audio feedback to shadcn/ui components.

amacro.vercel.app

Amacro preview

AmacroComponent librariesDrop-in page-reveal animations you can add to React apps with little setup.

evilbuttons.com

Evil Buttons preview

Evil ButtonsComponent librariesButton components crafted to feel interactive and tactile the moment you press them.

componentry.dev

Componentry preview

ComponentryComponent librariesCustomizable UI primitives and components for building React interfaces.

Great UI preview

Great UIComponent librariesCopy-and-paste components built with React and styled using Tailwind CSS.

Ruru UI preview

Ruru UIComponent librariesAccessible, customizable UI components for building React applications.

shadcnstudio.com

Shadcn Studio preview

Shadcn StudioComponent librariesA library of shadcn/ui components, prebuilt blocks, and full templates.

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiComponent librariesMotion-powered versions of the standard shadcn/ui components for animated interfaces.

Pin UI preview

Pin UIComponent librariesDistinctive copy-and-paste components built with React and Tailwind CSS.

loading.dev preview

loading.devComponent librariesA lightweight library of loading indicators and spinners for React apps.

React and web animation libraries

Motion preview

MotionAnimationA production-ready animation library for building motion into React apps on the web.

GSAP preview

GSAPAnimationA JavaScript animation engine, widely used in the industry, built around timelines.

Rive preview

RiveAnimationA tool for building interactive vector animations driven by state machines.

lottiefiles.com

Lottie preview

LottieAnimationA lightweight, JSON-based format for shipping vector animations to the web.

easingwizard.com

Easing Wizard preview

Easing WizardAnimationA visual generator for crafting custom CSS spring easings for web animation.

Morphrig preview

MorphrigAnimationAn interactive manual that walks through how icon morphing animation works.

Theatre.js preview

Theatre.jsAnimationA visual sequencer for choreographing motion design across DOM elements.

morphicons preview

morphiconsAnimationAn animation library that morphs icons using spring physics for natural motion.

glimm preview

glimmAnimationShader-driven page transitions for animating navigation in Next.js projects.

devouringdetails.com

Devouring Details preview

Devouring DetailsAnimationAn interactive book that teaches the craft of designing micro-interactions.

textmotion preview

textmotionAnimationA zero-dependency primitive for adding rolling text animation to the web.

Dev Tools

AI code editors and developer tools

Claude Code preview

Claude CodeDeveloper toolsAn agentic coding assistant that works directly inside your command-line terminal.

Cursor preview

CursorDeveloper toolsAn AI-first code editor designed to speed up writing and shipping software.

Zed preview

ZedDeveloper toolsA high-performance code editor engineered for low-latency, responsive editing.

v0 preview

v0Developer toolsA generative AI tool that turns plain-text prompts into working shadcn/ui code.

Bolt.new preview

Bolt.newDeveloper toolsAn in-browser sandbox for building and running full-stack applications.

Vite preview

ViteDeveloper toolsA fast frontend build tool and development server for modern web projects.

Biome preview

BiomeDeveloper toolsA fast code formatter and linter, built in Rust for web development projects.

Playwright preview

PlaywrightDeveloper toolsA framework for automating browsers and running reliable end-to-end test suites.

buildertools.sh

BuilderTools preview

BuilderToolsDeveloper toolsA set of focused developer tools aimed at helping you ship software faster.

nuqs preview

nuqsDeveloper toolsA React library for reading and writing type-safe URL search parameters.

better-t-stack.dev

Better T Stack preview

Better T StackDeveloper toolsA command-line tool that scaffolds modern full-stack TypeScript projects.

AI Stack preview

AI StackDeveloper toolsA directory that compares the modern technology stacks used to build AI apps.

Alumnium preview

AlumniumDeveloper toolsWrite end-to-end tests in plain natural language, delivered through MCP.

vercel-doctor.com

Vercel Doctor preview

Vercel DoctorDeveloper toolsA diagnostic tool that pinpoints performance bottlenecks in Next.js apps.

OSS Perks preview

OSS PerksDeveloper toolsA hub of free cloud credits and perks for open-source project maintainers.

Vinext preview

VinextDeveloper toolsA Vite plugin that lets you build and run Next.js applications on Cloudflare.

evlog preview

evlogDeveloper toolsA structured logging framework for capturing events in web applications.

audio.raphaelsalaja.com

@web-kits/audio preview

@web-kits/audioDeveloper toolsA declarative library for adding and controlling sound in web applications.

Nue preview

NueDeveloper toolsA lightweight web framework positioned as a leaner alternative to React.

Umami preview

UmamiDeveloper toolsA privacy-focused web analytics tool that works without cookie consent banners.

torph.lochie.me

Torph preview

TorphDeveloper toolsA dependency-free library for animating text with morphing transitions.

x.ai/bot preview

x.ai/botDeveloper toolsDocumentation that spells out the specifications for xAI's web crawler.

Tracwell preview

TracwellDeveloper toolsA focused analytics tool for tracking your site's visitors and conversions.

DialKit preview

DialKitDeveloper toolsA floating in-app toolbar that lets you tune parameters live as you work.

AI coding agents and MCP servers

Dray preview

DrayAgents & MCPA unified desktop workspace for running and managing multiple coding agents.

styles.refero.design

Refero preview

ReferoAgents & MCPStructured DESIGN.MD specification files that guide AI agents on design.

designmd.me preview

designmd.meAgents & MCPGenerates machine-readable design specs that AI coding agents can parse and build against.

Open Design preview

Open DesignAgents & MCPPackages design systems into a standardized format that AI agents can read and apply.

designmd.supply

designmd.supply preview

designmd.supplyAgents & MCPA library of DESIGN.MD templates that steer AI assistants toward your intended look and rules.

getdesign.md preview

getdesign.mdAgents & MCPAn interactive generator that builds design rules for AI coding agents to follow.

design-md.hyperbrowser.ai

Hyperbrowser Design.md preview

Hyperbrowser Design.mdAgents & MCPGenerates a DESIGN.MD file by pulling design rules straight from existing websites.

Aura preview

AuraAgents & MCPBuilds a structured design system that gives AI agents clear guidelines to work from.

Neuform preview

NeuformAgents & MCPAI-assisted interface design that outputs clean, usable code from your layouts.

typeui.sh preview

typeui.shAgents & MCPA command-line tool that scaffolds typed UI components so you start from a clean setup.

Webclaw preview

WebclawAgents & MCPTurns any webpage into clean, structured markdown that AI agents can read easily.

Ghostex preview

GhostexAgents & MCPRuns and coordinates several background coding agent sessions at once from one place.

is-agentic.com preview

is-agentic.comAgents & MCPRates how well a given website accommodates crawlers and automated agents.

Herdr preview

HerdrAgents & MCPA distributed runner that manages and schedules jobs for your coding agents.

soubi.vercel.app

Soubi preview

SoubiAgents & MCPA compiler that transforms agent skill definitions into a usable build.

agentcn preview

agentcnAgents & MCPProduction-ready, customizable AI agent recipes you can drop into a React project.

skills preview

skillsAgents & MCPAgent skills built for shadcn registries and everyday developer workflows.

mcpcn preview

mcpcnAgents & MCPReact UI components for building ChatGPT, Claude, and MCP app interfaces.

integrations.sh

integrations.sh preview

integrations.shAgents & MCPA repository of API integration specs that AI agents can reference and build on.

fx preview

fxAgents & MCPA high-performance coding agent, built in Zig, that runs from the command line.

hyperframes.dev

HyperFrames preview

HyperFramesAgents & MCPA headless engine that renders HTML into MP4 video without a visible browser.

Foglamp preview

FoglampAgents & MCPAn observability tool that keeps an eye on latency and operating costs.

Distill preview

DistillAgents & MCPAn AI agent that gathers scattered research notes and organizes them into order.

Agentation preview

AgentationAgents & MCPTurns on-screen UI annotations into context that AI agents can act on.

OpenCode preview

OpenCodeAgents & MCPAn open-source AI coding agent that lives in your terminal and works from the command line.

impeccable.style

Impeccable preview

ImpeccableAgents & MCPA design intelligence skill that gives AI agents a better sense of good UI.

SkillSync preview

SkillSyncAgents & MCPKeeps your agent context synchronized across the different code editors you use.

bb preview

bbAgents & MCPAn open-source development environment built for running and testing coding agents.

Capacity preview

CapacityAgents & MCPA natural-language workspace that turns your prompts into full-stack apps.

Lafys preview

LafysAgents & MCPA prompt-driven generator that turns plain descriptions into UI components for builders.

Efecto preview

EfectoAgents & MCPAn agent-first visual web canvas that plugs into connected tools through MCP.

Arc labs preview

Arc labsAgents & MCPAn AI career suite that runs mock technical interviews to help you practice.

Scira preview

SciraAgents & MCPA pared-back, open-source AI search engine for finding answers across the web.

Kombai preview

KombaiAgents & MCPAn AI design engineer that writes UI code from the context you give it.

Causal preview

CausalAgents & MCPAn AI-powered canvas workspace for keeping notes and mapping out plans.

Deploy and hosting platforms

Vercel preview

VercelDeployA cloud platform for deploying Next.js apps and serving them to the web.

developers.cloudflare.com

Cloudflare preview

CloudflareDeployRuns serverless Workers across a global edge network for deploying apps.

Netlify preview

NetlifyDeployA web hosting platform that ships your sites through continuous deployment pipelines.

Railway preview

RailwayDeployAn infrastructure platform that simplifies deploying apps and databases.

Fly.io preview

Fly.ioDeployRuns your Docker containers on servers positioned physically close to your users.

Design Assets

Icon libraries for React and the web

Lucide preview

LucideIconsAn open, community-run icon set forked from Feather, with thousands of glyphs for interfaces.

phosphoricons.com

Phosphor preview

PhosphorIconsA flexible icon family available in six consistent weights for interface design.

Iconify preview

IconifyIconsA unified framework that puts a huge range of icons within instant reach.

Rune Icons preview

Rune IconsIconsA minimalist icon set that ships in five distinct styles for your interfaces.

Icon MuseumIconsAn archive celebrating the craftsmanship behind standout mobile app icons.

Tabler Icons preview

Tabler IconsIconsA library of thousands of outline-style icons for building user interfaces.

Heroicons preview

HeroiconsIconsHandcrafted SVG icons built by the team behind the Tailwind CSS framework.

fonts.google.com

Material Symbols preview

Material SymbolsIconsGoogle's variable icon font offering three selectable styles for interfaces.

icons.getbootstrap.com

Bootstrap Icons preview

Bootstrap IconsIconsThe official SVG icon library built to pair with the Bootstrap framework.

Remix IconIconsA neutral-looking icon library available in both outline and filled versions.

Iconoir preview

IconoirIconsAn open-source SVG icon set drawn with uniform, consistent stroke weights.

Ionicons preview

IoniconsIconsA polished icon pack designed for use across web and mobile interfaces.

simpleicons.org

Simple Icons preview

Simple IconsIconsA collection of over 3,000 popular brand logos, each available in SVG format.

theSVG preview

theSVGIconsA curated set of clean, ready-to-use brand logos delivered in SVG format.

feathericons.com

Feather preview

FeatherIconsA minimalist, open-source icon set with every glyph drawn on a 24-pixel grid.

carbondesignsystem.com

Carbon Icons preview

Carbon IconsIconsIBM's official icon library, made for building enterprise-grade product designs.

Boxicons preview

BoxiconsIconsA set of vector icons crafted and offered across three distinct visual styles.

mx-icons.vercel.app

MX Icons preview

MX IconsIconsA large, customizable collection of icons packaged as React components.

akveo.github.io

Eva Icons preview

Eva IconsIconsA pack of 400 icons available in both outline and filled styles for interfaces.

Devicon preview

DeviconIconsAn icon set covering popular programming languages and developer tools.

css.gg preview

css.ggIconsA set of 700 lightweight icons rendered entirely in pure CSS rather than SVG.

HugeIcons preview

HugeIconsIconsA wide-ranging icon library offering icons in both stroke and solid styles.

Reicon preview

ReiconIconsA tree-shakeable React icon library that ships icons in two distinct weights.

Iconsax preview

IconsaxIconsA versatile icon set that ships in six distinct visual styles for UI work.

icons0 preview

icons0IconsA search engine that lets you find icons across more than 200,000 options.

heroicons-animated.com

Heroicons Animated preview

Heroicons AnimatedIconsHeroicons reworked with hover-triggered animations for interactive UIs.

Icons.download preview

Icons.downloadIconsA curated icon library that spans sixteen different aesthetic styles to pick from.

lucide-animated.com

Lucide Animated preview

Lucide AnimatedIconsThe Lucide icon set reworked with built-in micro-animations for lively interfaces.

iconfoundry.store

Icon FoundryIconsA searchable archive pulling together icons from many different families.

Inkword preview

InkwordIconsType in a single word and it generates a matching illustration to go with it.

Fonts and type tools for websites

Fontshare preview

FontshareFontsA library of professional-grade fonts, free to use in commercial projects.

Klim preview

KlimFontsA type foundry that designs contemporary typefaces for use across the web.

Fontsource preview

FontsourceFontsSelf-host open-source fonts by installing them as npm packages in your project.

wakamaifondue.com

Wakamai Fondue preview

Wakamai FondueFontsA tool that inspects font files and reveals the features each one supports.

Utopia preview

UtopiaFontsA calculator for fluid typography that outputs ready-to-use CSS clamp values.

Velvetyne preview

VelvetyneFontsAn open-source type foundry distributing experimental, freely licensed typefaces.

departuremono.com

Departure Mono preview

Departure MonoFontsA pixel-style monospace typeface designed to feel at home in the terminal.

Color tools for interface design

OKLCH preview

OKLCHColorA color picker built on a perceptually uniform color space for choosing UI colors.

Color.review preview

Color.reviewColorA contrast checker that helps you build color palettes which stay accessible.

huetone.ardov.me

Huetone preview

HuetoneColorA palette generator that balances contrast ratios to keep UI colors accessible.

APCA preview

APCAColorA modern contrast algorithm that lines up with how the eye actually perceives color.

Ramps preview

RampsColorA design token tool for generating smooth color ramps in the OKLCH space.

3D tools and assets for the web

Three.js preview

Three.js3DA JavaScript library for creating and displaying 3D graphics in the browser with WebGL.

r3f.docs.pmnd.rs

React Three Fiber preview

React Three Fiber3DA declarative React renderer that lets you build Three.js scenes as components.

drei.docs.pmnd.rs

Drei preview

Drei3DA set of ready-made helper components that speed up React Three Fiber projects.

Blender preview

Blender3DAn open-source suite for 3D modeling, animation, and rendering scenes for the web.

gltf.report preview

gltf.report3DA browser tool that inspects and slims down glTF assets so 3D models load faster on the web.

Poly Haven preview

Poly Haven3DA public library of CC0-licensed textures free to download and reuse in any project.

WebGL shaders and shader gradients

thebookofshaders.com

Book of Shaders preview

Book of ShadersShadersAn interactive, hands-on guide that teaches you how to write fragment shaders step by step.

compute.toys preview

compute.toysShadersAn online sandbox for writing and experimenting with WGSL compute shaders.

Shaderfrog preview

ShaderfrogShadersA node-based visual editor for building shaders by connecting graph nodes.

shadercn preview

shadercnShadersReact shader components you can drop into projects, built on top of vgpu and TypeGPU.

shaders.paper.design

Paper Shaders preview

Paper ShadersShadersImport-ready shaders that ship with zero dependencies for your web projects.

openshaders.com

OpenShaders preview

OpenShadersShadersAn open-source library of WebGL shaders ready to drop into your web projects.

orbkit.zzzzshawn.cloud

Orbkit preview

OrbkitShadersA WebGL-powered renderer for creating animated orb effects in the browser.

Utilities

Web utilities for designers and developers

SVGOMG preview

SVGOMGWeb utilitiesA browser-based graphical tool for optimizing and cleaning up SVG files.

RegExr preview

RegExrWeb utilitiesAn interactive playground for writing and testing regular expressions in the browser.

Squoosh preview

SquooshWeb utilitiesCompress images right in the browser and compare the before and after side by side.

Fffuel preview

FffuelWeb utilitiesA browser toolkit for generating SVG textures, gradients, and background patterns.

ui.camera preview

ui.cameraWeb utilitiesCreate 3D mockups and staged scenes for presenting software interfaces.

Ray.so preview

Ray.soWeb utilitiesTurn your code snippets into polished, shareable images in a few clicks.

transform.tools

Transform preview

TransformWeb utilitiesA multi-format converter for turning JSON and type definitions into other code.

Playgrnd preview

PlaygrndWeb utilitiesA suite of creative tools that work entirely offline, right inside your browser.

Anim8 preview

Anim8Web utilitiesConvert your MP4 screen recordings into lightweight animated SVG graphics.

OGFolio preview

OGFolioWeb utilitiesPreview and inspect how your Open Graph social cards will look when shared.

dotforge.vercel.app

DotForge preview

DotForgeWeb utilitiesGenerate dither effects in real time, ready to drop into your web projects.

ASCIInator preview

ASCIInatorWeb utilitiesConvert images into text-based ASCII art without leaving your browser window.

Vessa preview

VessaWeb utilitiesPublish your brand guidelines as living web pages that teams can share.

Icoon preview

IcoonWeb utilitiesAn AI-powered tool for generating custom three-dimensional icons on demand.

designminis.com

Design Minis preview

Design MinisWeb utilitiesA collection of small design utilities and scale generators in one place.

ascii.krackeddevs.com

ASCII (Kracked Devs) preview

ASCII (Kracked Devs)Web utilitiesQuickly convert plain text into stylized ASCII art right in the browser.

literate-enigma-snowy.vercel.app

Dither Lab preview

Dither LabWeb utilitiesA tool for applying vintage-style dithering filters to your photographs.

usehallmark.com

Hallmark preview

HallmarkWeb utilitiesA landing page builder that turns out handcrafted-looking page designs.

Tooooools preview

ToooooolsWeb utilitiesA set of browser-based utilities for dithering and pixelating your images.

Screan preview

ScreanWeb utilitiesBuild promotional App Store screenshot mockups to showcase your app listings.

PostSpark preview

PostSparkWeb utilitiesDress up your screenshots with clean backgrounds made for social sharing.

Drawably preview

DrawablyWeb utilitiesA sketching tool that generates hand-drawn-style shapes for user interfaces.

Mesurer preview

MesurerWeb utilitiesAn on-screen ruler for measuring and checking pixel spacing on live websites.

render-labs.evlog.cloud

render-labs.evlog.cloud

Render LabsWeb utilitiesAn image rendering tool built by the evlog team for designers and developers.

Butterfly preview

ButterflyWeb utilitiesA pared-back landing page builder made for quickly validating product ideas.

Corne preview

CorneWeb utilitiesDocumentation and reference material for everything about the Corne split keyboard.

Shiori preview

ShioriWeb utilitiesA bookmark manager that works from the command line and integrates with Raycast.

opensource-together.com

Open Source Together preview

Open Source TogetherWeb utilitiesA platform that connects developers with open-source projects to contribute to.

asciistudio.space

ASCII Studio preview

ASCII StudioWeb utilitiesA browser-based studio that converts both images and videos into text ASCII art.

Tabbied preview

TabbiedWeb utilitiesA generative tool for creating geometric patterns and exporting them as SVG.

studio.rynix.in

Rynix Studio preview

Rynix StudioWeb utilitiesA playground for experimenting with real-time visual effects applied to video.

Mascofast preview

MascofastWeb utilitiesAn AI tool that creates animated 3D mascots with transparent backgrounds.

screenshot-studio.com

Screenshot Studio preview

Screenshot StudioWeb utilitiesWraps flat screenshots in realistic 3D mockups, a handy browser utility for designers and devs.

Replay preview

ReplayWeb utilitiesRecords real visitor sessions so you can replay how people actually use your site.

Desktop apps for designers and developers

Raycast preview

RaycastDesktop appsAn extendable Mac launcher that runs commands and search, standing in for Spotlight.

Ghostty preview

GhosttyDesktop appsA GPU-accelerated terminal emulator built for speed, aimed at command-line developers.

Warp preview

WarpDesktop appsA terminal written in Rust that groups command output into blocks and adds AI assistance.

CleanShot X preview

CleanShot XDesktop appsCaptures screenshots and records your screen in one Mac desktop utility.

Granola preview

GranolaDesktop appsAn AI notepad that writes up meeting summaries without sending a bot into the call.

LocalSend preview

LocalSendDesktop appsTransfers files securely between nearby devices over a local Wi-Fi network.

Canario preview

CanarioDesktop appsA terminal that arranges your command-line sessions into separate panes.

CoolDock preview

CoolDockDesktop appsA secondary desktop dock that hosts monitoring widgets alongside your apps.

Supaste preview

SupasteDesktop appsA Mac app that manages your clipboard and keeps a history of past screenshots.

Runey preview

RuneyDesktop appsHelps freelancers send invoices and keep track of their clients in one app.

Revone preview

RevoneDesktop appsPulls payment metrics from across your tools into one revenue dashboard.

zen-browser.app

Zen Browser preview

Zen BrowserDesktop appsA Firefox fork that adds vertical tabs and a pared-back, focus-oriented interface.

Screen recording and video tools

Screen Studio preview

Screen StudioScreen recordingA screen recorder that adds smooth camera zooms to your captures automatically.

Remotion preview

RemotionScreen recordingLets you build and render videos programmatically using React components.

blackmagicdesign.com

DaVinci Resolve preview

DaVinci ResolveScreen recordingA professional application that pairs video editing with color grading in one workflow.

Descript preview

DescriptScreen recordingAn AI video editor that lets you cut footage by editing the transcript as text.

Gifski preview

GifskiScreen recordingConverts video into high-quality GIFs while keeping the original frame rate.

Slant It preview

Slant ItScreen recordingTransforms flat screen captures into angled, three-dimensional mockups.

Remocn preview

RemocnScreen recordingReady-made Remotion animation components you can drop into video production.

bettershot.site

BetterShot preview

BetterShotScreen recordingA screen recorder that adds cursor zoom and captions to your recordings.

Recordly preview

RecordlyScreen recordingA screen recording tool for putting together polished developer demos.

Cursorful preview

CursorfulScreen recordingA screen recorder that automatically tracks your cursor as you record.

Tokokino preview

TokokinoScreen recordingFrame your captures in device mockups straight from this browser-based editor.

Whiteboards and sketching tools

tldraw preview

tldrawWhiteboardsAn infinite-canvas whiteboard you can embed in your own app through its React SDK.

Excalidraw preview

ExcalidrawWhiteboardsA collaborative online whiteboard that renders everything in a hand-drawn sketch style.

Obsidian preview

ObsidianWhiteboardsA local-first Markdown knowledge base that links your notes into a visual graph.

Linear preview

LinearWhiteboardsProject management software for planning and tracking work, built around speed.