All sites

Browse every manually curated useful site.

21st.dev

A component resource for starting product interfaces with reusable implementation ideas.

  • components
  • react
  • ui

60fps

A reference library for UI and UX animation in mobile and web products.

  • animation
  • ui
  • motion

AFFiNE

A local-first workspace that brings documents, databases, and visual whiteboards together.

  • notes
  • whiteboard
  • local-first

Arc

A browser from The Browser Company with a workspace-oriented approach to browsing.

  • browser
  • tabs
  • workspace

Are.na

A calm platform for saving material, arranging it into channels, and connecting ideas over time.

  • research
  • collections
  • inspiration

Awwwards

A gallery and awards platform for notable web design work.

  • web-design
  • showcase
  • awards

Best Free Fonts

A curated browser for free typefaces across serif, sans serif, script, and monospace styles.

  • typefaces
  • discovery
  • free

Bezi

An AI workspace for Unity game projects that can understand scenes, prefabs, and wider project context while helping inside the editor.

  • unity
  • game-development
  • ai-workspace

Bitspace

A browser-based space for exploring creative computation through connected visual prototypes.

  • creative-coding
  • prototyping
  • visual-programming

Blender

A free, open-source, cross-platform 3D creation suite for modeling, animation, simulation, rendering, compositing, and video editing.

  • open-source
  • modeling
  • animation

Bolt.new

An AI development environment for websites, apps, and prototypes.

  • ai
  • app-builder
  • prototype

Brave

A privacy-focused browser with built-in blocking for ads and trackers.

  • browser
  • privacy
  • ad-blocking

cables

A visual tool for building interactive web graphics without starting from typed code.

  • visual-programming
  • webgl
  • interactive

Cavalry

Desktop software for real-time 2D animation, motion design, and data-driven graphics.

  • 2d
  • animation
  • motion-design

ChatGPT

An AI assistant for conversation, drafting, analysis, and research tasks.

  • ai
  • research
  • writing

Claude Code

An AI coding tool that works with codebases from the terminal, IDEs, and other work surfaces.

  • ai
  • terminal
  • codebase

Claude Cowork

Claude’s desktop task workspace for steering work across selected files and connected tools.

  • ai
  • productivity
  • automation

Cline

An open-source tool for AI-assisted software workflows.

  • ai
  • open-source
  • coding-agent

CLO

3D garment-design software for creating and visualizing digital clothing.

  • fashion
  • 3d-garment
  • simulation

Color.review

A quick contrast checker for comparing foreground and background colors against common accessibility thresholds.

  • color
  • contrast
  • accessibility

Component Gallery

A reference site for browsing and comparing design-system components.

  • components
  • design-system
  • reference

Cosmos

A visual place for discovering and collecting references.

  • visual-research
  • references
  • collections

Curated Design

Web design references drawn from live websites.

  • web-design
  • live-sites
  • references

Cursify

A frontend resource for exploring custom cursor and pointer interactions.

  • cursor
  • css
  • interaction

Cursor

A development tool that brings AI coding assistance into an editor workflow.

  • ai
  • editor
  • coding-agent

DaVinci Resolve

A desktop post-production suite for editing, colour work, audio, and visual effects.

  • video-editing
  • color-grading
  • post-production

Depthkit

A tool for recording volumetric performances with depth sensors and bringing them into real-time or 3D workflows.

  • volumetric-video
  • depth-sensing
  • xr

Design Spells

A collection focused on small design details and interactions.

  • design-details
  • interaction
  • web-design

Deskflow

An open-source utility for sharing one keyboard and mouse between multiple computers.

  • desktop
  • keyboard
  • mouse

Eagle

A desktop library for collecting, tagging, and finding visual reference files.

  • assets
  • reference
  • desktop

Easing Editor

An Anime.js editor for previewing spring easing and exporting values for CSS or JavaScript.

  • animation
  • easing
  • css

Easing Functions

A visual reference for common easing curves and how their movement changes over time.

  • animation
  • reference
  • easing

Easing Gradients

An editor that demonstrates eased color transitions and produces CSS with intermediate gradient stops.

  • gradient
  • css
  • color

ElevenLabs

An AI voice platform for generating speech and building voice-enabled experiences.

  • voice
  • ai
  • speech

Excalidraw

An online whiteboard for sketching ideas, flows, and interface drafts in a hand-drawn style.

  • whiteboard
  • diagram
  • collaboration

Fancy Components

A frontend reference for interface components and visual effects.

  • components
  • ui
  • frontend

FigJam

Figma's collaborative whiteboard for brainstorming, diagrams, and shared planning.

  • whiteboard
  • brainstorming
  • collaboration

Figma

A collaborative canvas for product interface design, prototypes, and shared design work.

  • design
  • collaboration
  • prototyping

Firefox

Mozilla's open-source web browser with privacy and customization features.

  • browser
  • privacy
  • open-source

FMOD

An audio toolset for implementing adaptive sound and music in interactive projects.

  • game-audio
  • interactive
  • sound-design

Fonts In Use

A searchable archive of typefaces as they appear in books, identities, interfaces, and other published work.

  • typography
  • reference
  • examples

Fontshare

A free-font service from the Indian Type Foundry with fonts for personal and commercial projects.

  • typefaces
  • licensing
  • download

Framer

A visual web-design environment for moving from an editable page concept to a published site.

  • web-design
  • publishing
  • prototyping

Free Faces

A curated gallery of typefaces available under a range of free licenses.

  • typefaces
  • gallery
  • discovery

Game UI Database

A reference collection for video-game interface screens.

  • game-ui
  • reference
  • screenshots

gltfjsx

A command-line tool that turns glTF assets into reusable JSX components for React Three Fiber.

  • gltf
  • react
  • threejs

gltfpack

A command-line optimizer for glTF assets from meshoptimizer.

  • gltf
  • optimization
  • 3d-assets

Godly

A web-design reference formerly linked as Godly and now redirected to Recent.

  • web-design
  • references
  • showcase

Google Gemini

Google's AI assistant for asking questions, drafting, and working through information.

  • ai
  • research
  • google

Granola

An AI notepad for meeting notes, actions, and follow-up context without inviting a meeting bot.

  • meetings
  • notes
  • ai

Houdini

A node-based procedural 3D tool for modeling, animation, effects, simulation, rendering, and compositing.

  • procedural
  • visual-effects
  • node-based

HUDS+GUIS

A visual reference source for heads-up displays and graphical interfaces.

  • game-ui
  • hud
  • interface

Interface In Game

A collection of video-game UI screenshots and videos.

  • game-ui
  • screenshots
  • video

Jitter

A collaborative web tool for creating short motion-design pieces and animated visual assets.

  • animation
  • collaboration
  • web

KIRI Engine

A phone and web 3D-scanning tool for turning photos into models, with photogrammetry, LiDAR, and 3D Gaussian Splatting workflows.

  • photogrammetry
  • 3d-scanning
  • gaussian-splatting

Layers

An explore page for browsing design references and work.

  • design
  • explore
  • references

Linear

A product-development workspace for tracking issues, projects, and team workflows.

  • issues
  • product
  • teamwork

loadmo.re

An archive for studying mobile web design.

  • mobile-web
  • archive
  • web-design

LocalSend

An open-source, cross-platform way to share files with nearby devices over a local network.

  • files
  • local-network
  • open-source

LosslessCut

A desktop tool for quickly trimming and extracting media without a full re-encode.

  • video-trimming
  • lossless
  • desktop

Lottie Creator

A LottieFiles editor for creating and refining Lottie animation assets.

  • lottie
  • animation
  • editor

Lottielab

An editor for creating and shipping Lottie animations for websites and apps.

  • lottie
  • animation
  • product

Luma AI

An AI platform for creating, sharing, and embedding interactive 3D scenes.

  • interactive-scenes
  • 3d
  • ai

MakeEmoji

A web tool for creating custom emoji images.

  • emoji
  • image-tools
  • communication

Marvelous Designer

3D clothing-design software centered on garment patterns and simulation.

  • fashion
  • 3d-garment
  • pattern-making

Minimal Gallery

Hand-picked references for minimal web design, templates, and tools.

  • minimalism
  • web-design
  • templates

Minimum

A directory focused on minimal website design.

  • minimalism
  • web-design
  • directory

Miro

A collaborative online workspace for visual planning, workshops, and diagrams.

  • whiteboard
  • workshops
  • collaboration

Mobbin

A design-reference library for mobile and web product interfaces.

  • ui-ux
  • mobile
  • web

Motion Primitives

A component resource for interface motion and transitions.

  • motion
  • components
  • react

Muse (now Allume)

A spatial thinking app, now presented as Allume, for growing ideas in nested boards.

  • thinking
  • nested-boards
  • macos

Needle Viewer

A web viewer for opening and inspecting glTF models.

  • gltf
  • viewer
  • 3d-assets

Nodes

A visual programming environment that treats code as reusable blocks on a canvas.

  • visual-programming
  • creative-coding
  • 3d

NodeToy

A web-based node editor for creating, sharing, and using shader graphs.

  • shader
  • threejs
  • visual-programming

NotebookLM

A Google research assistant that works from sources collected in a notebook.

  • ai
  • research
  • source-notes

NumberFlow

A UI component for presenting changing numbers with visual continuity.

  • numbers
  • animation
  • ui

NVIDIA ShadowPlay

NVIDIA App capture tools for recording gameplay and saving recent moments.

  • game-capture
  • instant-replay
  • nvidia-app

OBS Studio

An open-source application for recording and live streaming with scenes and sources.

  • screen-recording
  • live-streaming
  • open-source

Obsidian

A Markdown editor and knowledge-base app built around local plain-text notes and links.

  • notes
  • markdown
  • knowledge-base

OKLCH Color Picker

A picker and converter for working with OKLCH colors, including P3 and sRGB fallback comparisons.

  • color
  • oklch
  • conversion

OpenAI Codex

An AI coding agent for software-engineering tasks.

  • ai
  • coding-agent
  • software-engineering

OpenCut

An open-source video editor designed to run in the browser.

  • video-editing
  • browser
  • open-source

Paper

A design tool for creating, sharing, and preparing digital design work for delivery.

  • design
  • prototyping
  • sharing

Parsec

A low-latency remote desktop service for interactive work and play.

  • remote-desktop
  • low-latency
  • collaboration

Penpot

An open-source design platform for teams creating digital product interfaces together.

  • open-source
  • design
  • collaboration

Pinterest

A visual discovery service built around images and saved boards.

  • visual-discovery
  • boards
  • images

Polycam

A reality-capture service for turning spaces, objects, and aerial footage into measurable, shareable 3D data and models.

  • reality-capture
  • photogrammetry
  • lidar

Ray.so

A focused web tool for turning a code snippet into a shareable image.

  • code
  • image
  • sharing

Raycast

A keyboard-first launcher that brings productivity tools and extensions into one command surface.

  • launcher
  • productivity
  • extensions

React Bits

An open-source resource for React components, text effects, and backgrounds.

  • react
  • components
  • animation

RealityScan

A photogrammetry tool for reconstructing detailed 3D models from images and laser scans.

  • photogrammetry
  • laser-scanning
  • 3d-reconstruction

Rebrand

A curated gallery of rebrands and visual identities.

  • branding
  • identity
  • gallery

Recordly

An open-source screen recorder for polished product demos and walkthroughs.

  • screen-recording
  • open-source
  • product-demos

RegExr

An interactive workspace for learning, building, and testing JavaScript and PCRE regular expressions.

  • regex
  • testing
  • reference

Rive

A toolchain for designing, animating, and shipping interactive graphics in digital products.

  • animation
  • interactive
  • design

Saaspo

A SaaS-oriented design reference listed by Design Engineer Tools.

  • saas
  • web-design
  • references

Same Energy

A visual search engine for finding images with a similar feel.

  • visual-search
  • images
  • discovery

Screen Studio

A macOS screen recorder for polished demos, tutorials, and social videos.

  • screen-recording
  • macos
  • product-demos

SearchSystem

A search-interface reference resource listed by Design Engineer Tools.

  • search
  • interface
  • references

SEESAW

A website dedicated to design inspiration.

  • design-inspiration
  • web-design
  • references

shadcn/ui

A React component resource that provides code you can copy into a project.

  • components
  • react
  • accessibility

ShaderToy

A browser community for writing, running, and browsing real-time GLSL shader sketches.

  • shader
  • glsl
  • webgl

ShareX

An open-source Windows utility for screenshots, screen recording, and sharing workflows.

  • screen-capture
  • windows
  • open-source

Skills

A public index for discovering and installing agent skills.

  • ai
  • agent-skills
  • discovery

SOOT SPIRAL

A design-inspiration destination from SOOT.

  • design
  • inspiration
  • collection

Splice

A sound library for discovering samples, loops, presets, and one-shot audio assets.

  • samples
  • music
  • sound-design

Spline

A browser-based design platform for collaboratively creating, animating, and publishing interactive 3D and 2D experiences.

  • interactive-3d
  • web-design
  • collaboration

Stitch by Google Labs

An AI tool for quickly generating mobile and web interface directions.

  • ai
  • ui
  • prototyping

Style3D

A digital-fashion platform for 3D apparel design and related workflows.

  • fashion
  • 3d-design
  • apparel

Supahero

A library of website hero-section references.

  • hero-section
  • landing-page
  • web-design

SuperSplat Editor

An open-source browser tool for inspecting, editing, optimizing, and publishing 3D Gaussian Splats.

  • gaussian-splatting
  • 3dgs
  • webgl

SVGOMG

A browser interface for optimizing SVG files with SVGO settings.

  • svg
  • optimization
  • web-performance

Theatre.js

A web animation toolbox with a visual editor for timing and sequencing.

  • animation
  • javascript
  • editor

tldraw

A free whiteboard for drawing, sketching, and sharing ideas quickly.

  • whiteboard
  • drawing
  • open-source

TouchDesigner

A node-based visual development platform for real-time interactive media.

  • visual-programming
  • realtime
  • interactive-media

Trello

A visual board tool for organizing tasks, shared workflows, and project information.

  • boards
  • tasks
  • collaboration

ui.camera

A browser studio for turning UI images or videos into product-style visuals.

  • visual
  • mockup
  • product

UNCUT.wtf

A catalogue of contemporary typefaces that are free for commercial use.

  • typefaces
  • open-source
  • contemporary

Unicorn Studio

A visual canvas editor for shipping interactive motion and real-time graphics to the web.

  • interactive
  • motion
  • webgl

v0

An AI tool for exploring web interfaces and application prototypes from text prompts.

  • ai
  • ui
  • prototype

Warp

A development platform whose products include a modern terminal and command-line coding agent.

  • terminal
  • development
  • ai

Windsurf

The former Windsurf entry now leads to Devin Desktop's official AI development product page.

  • ai
  • desktop
  • coding-agent

Wispr Flow

Voice-to-text dictation software for turning speech into polished writing across apps.

  • voice
  • dictation
  • writing

Womp

A browser tool for creating, importing, or generating 3D objects and taking them toward 3D printing.

  • browser-based
  • 3d-modeling
  • 3d-printing

Zed

A code editor designed for programming and collaborative work.

  • editor
  • coding
  • collaboration

Zen

A customizable browser project built on Firefox.

  • browser
  • privacy
  • customization