The Garden of Code, Design & Engineering

⌘F

Inspiration

60fps — Curated gallery of smooth, high-performance web animations.

Are.na — Open-source platform for collaborative research, bookmarking, and visual idea mapping.

Awwwards — Web design awards platform showcasing the best digital experiences.

before.click — Curated gallery of App Store screenshot designs from top iOS apps.

Cosmos — Visual bookmarking tool for designers to collect and organize references.

Curated Design — Hand-picked collection of outstanding web design inspiration.

D1S1 — Curated design inspiration across digital and print media.

Design Spells — Catalog of delightful micro-interactions and UI details from real products.

Game UI Database — Searchable archive of screenshots from game user interfaces.

Godly — Curated gallery of the best web design inspiration, updated daily.

HUDS+GUIS — Reference library of fictional UI and HUD designs from film and games.

Interface In Game — Collection of in-game UI screenshots organized by game and element.

Layers — Design community for sharing and discovering creative work.

loadmo.re — Curated gallery of website loading animations and transitions.

Minimal Gallery — Collection of minimal, clean website designs for inspiration.

Minimum — Gallery of visually striking and experimental website designs.

Mobbin — Extensive library of real mobile and web app UI patterns.

Pinterest — Visual discovery platform for collecting and organizing ideas.

Rebrand — Showcase of notable brand identity redesigns and visual evolutions.

Saaspo — Curated collection of the best SaaS website designs.

SearchSystem — Design reference archive spanning graphic, product, and digital design.

SEESAW — Curated gallery of immersive and interactive website experiences.

Supahero — Gallery of hero sections and above-the-fold website designs.

Components

21st.dev — AI-powered component registry for React with copy-paste code.

Component Gallery — Collection of real-world UI component examples from design systems.

Cursify — Library of custom cursor effects and animations for websites.

Fancy Components — Collection of animated React components with beautiful interactions.

Framer University — Educational resources, templates, and components for Framer.

Motion Primitives — Open-source animated React components built with Framer Motion.

NumberFlow — React component for smooth, animated number transitions.

React Bits — Curated collection of animated React components ready to copy-paste.

Spell UI — Large collection of high-quality React components for design engineers, ready to copy and paste.

Code

Agentation — Visual annotation tool that converts UI feedback into structured context for AI coding agents.

Aider — Open-source AI pair programming tool that works in your terminal.

Bolt.new — AI-powered full-stack web app builder that runs entirely in the browser.

ChatGPT Canvas — Collaborative coding and writing surface inside ChatGPT.

Claude Code — Agentic CLI tool for coding with Claude directly in your terminal.

Claude Code Cheat Sheet — Quick reference for Claude Code commands, shortcuts, and workflows.

Cline — Autonomous AI coding agent as a VS Code extension.

cmux — Native macOS terminal for managing multiple AI coding agents.

Codex — OpenAI's cloud-based coding agent for autonomous task execution.

Continue — Open-source AI code assistant for VS Code and JetBrains.

Cursor — AI-first code editor built on VS Code with deep model integration.

Ghostty — Fast, native terminal emulator built with Zig for macOS and Linux.

GitHub Copilot — AI pair programmer that suggests code inline as you type.

Google AI Studio — Google's web IDE for prototyping with Gemini models, multimodal prompts, and API access.

Kimi — AI assistant from Moonshot AI with long-context reasoning and strong coding capabilities.

Lovable — AI full-stack engineer that builds production web apps from prompts.

MCP Market — Marketplace and directory for discovering and sharing MCP servers and tools.

Open Claw — Open-source personal AI assistant that runs locally.

OpenAI Codex — Cloud-based AI coding agent that runs tasks in a sandbox.

Playwright — Cross-browser end-to-end testing and automation framework by Microsoft.

React Router — Declarative routing library for React with nested routes and data loading.

Replit — Browser-based IDE with AI-assisted coding and instant deployment.

Stitch — Google's AI-powered design tool for creating and iterating on visual designs.

Tailwind CSS — Utility-first CSS framework for building custom designs without leaving your HTML.

Superset — Terminal app for orchestrating multiple AI coding agents in parallel with isolated Git worktrees.

Superpowers — Composable skills system for coding agents.

Vite — Lightning-fast frontend build tool with instant hot module replacement.

v0 by Vercel — AI tool that generates React UI from text prompts and images.

Warp — Modern terminal with AI command search, blocks, and collaboration.

Windsurf — AI-powered code editor with agentic coding flows.

Zed — High-performance code editor with built-in AI assistant.

Interface

Figma — Collaborative interface design tool with prototyping and dev mode.

Framer — No-code website builder with design-tool-level creative control.

Penpot — Open-source design and prototyping tool that works in the browser.

Rive — Interactive animation tool for creating runtime graphics for apps and web.

Visual

Bitspace — Node-based visual programming environment for creative coding.

cables — Browser-based visual programming tool for creating interactive WebGL content.

Grainrad — WebGPU-powered ASCII, dithering, and retro effects in the browser at 60fps.

Midjourney — AI image generation tool that creates detailed visuals from text prompts.

Nodes — Visual canvas for creative coding, data visualization, and generative art.

NodeToy — Visual shader editor for creating GPU shaders without code.

Paper — Professional design tool for composing interfaces on a 2D canvas.

Ideogram — AI image generator with strong typography and text rendering in generated visuals.

Recraft — AI design tool for generating and editing vector and raster graphics with precise style control.

ShaderToy — Community platform for creating and sharing GLSL fragment shaders.

Sora — OpenAI's AI model for generating realistic videos from text descriptions.

TouchDesigner — Node-based visual programming platform for real-time interactive media.

Topaz Studio — AI-powered photo and video enhancement suite for upscaling, denoising, and sharpening.

Unicorn.studio — No-code WebGL editor for creating interactive visual effects for websites.

Motion

Cavalry — Procedural 2D motion graphics and animation application.

Easing Editor — Visual editor for creating custom CSS and JS animation easing curves.

Easing Functions — Cheat sheet of common easing functions with visual previews and code.

Jitter — Browser-based motion design tool for creating animated content.

Lottie Creator — Visual editor for creating and editing Lottie animations.

Lottielab — Design tool for creating lightweight Lottie and dotLottie animations.

Motion — Production-ready animation library for the web, formerly Framer Motion.

Theatre.js — Open-source animation library and visual editor for JS and Three.js.

Audio

ElevenLabs — AI voice synthesis and cloning platform for realistic speech generation.

FMOD — Adaptive audio middleware for games and interactive applications.

Splice — Royalty-free sample library and music production marketplace.

Suno — AI music generation tool that creates full songs from text prompts.

Bezi — Collaborative 3D design tool for creating interactive spatial interfaces.

Blender — Free, open-source 3D creation suite for modeling, animation, and rendering.

Houdini — Procedural 3D software for VFX, simulation, and technical art.

Hunyuan3D — Tencent's AI model for generating 3D assets from text and images.

Spline — Browser-based 3D design tool with real-time collaboration and web export.

Three.js — Open-source JavaScript 3D library for rendering interactive WebGL graphics.

Womp — Intuitive browser-based 3D modeling tool with smooth clay-like sculpting.

glTF

gltfjsx — CLI tool that converts glTF models into declarative React Three Fiber JSX.

gltfpack — Command-line tool for optimizing and compressing glTF files.

Needle Viewer — Browser-based glTF viewer with lighting, animation, and debug tools.

Fashion

CLO — 3D garment design and simulation software for fashion industry.

Marvelous Designer — 3D clothing simulation tool used in games, film, and fashion.

Style3D — Digital fashion platform for 3D garment design and virtual fitting.

Volumetric

Depthkit — Volumetric video capture system for creating 3D holograms.

KIRI Engine — Mobile 3D scanning app using photogrammetry for creating 3D models.

Luma AI — AI-powered 3D capture and reconstruction from photos and video.

Polycam — LiDAR and photogrammetry 3D scanning app for iOS and web.

RealityScan — Free photogrammetry app by Epic for scanning objects into 3D models.

SuperSplat Editor — Browser-based editor for viewing and editing 3D Gaussian Splats.

Whiteboard

Excalidraw — Open-source hand-drawn style whiteboard for quick diagrams and sketches.

FigJam — Figma's collaborative whiteboard for brainstorming and planning.

Miro — Collaborative online whiteboard for teams with extensive integrations.

Muse — Spatial canvas app for deep thinking, research, and ideation on iPad and Mac.

tldraw — Open-source infinite canvas whiteboard with a clean minimal interface.

Utility

Color.review — Tool for checking foreground/background color contrast accessibility.

Easing Gradients — Tool for creating smooth, perceptually uniform CSS gradients.

LocalSend — Open-source cross-platform file sharing over local network.

OKLCH Color Picker — Perceptually uniform color picker using the OKLCH color space.

Parsec — Ultra-low latency remote desktop streaming for work and gaming.

Ray.so — Beautiful code snippet image generator with syntax highlighting.

Raycast — Productivity launcher for macOS with extensions, snippets, and AI.

Recordly — Lightweight macOS screen recorder for quick captures and demos.

RegExr — Online tool for learning, building, and testing regular expressions.

ShareX — Open-source screen capture and file sharing tool for Windows.

SVGOMG — GUI for SVGO — optimizes and minifies SVG files in the browser.

Soundtrack

Y2K Radio — Retro-themed web radio streaming jungle, drum and bass, and breakbeat.

musicForProgramming — Curated series of ambient and focus mixes designed for coding sessions.

Radio Garden — Interactive globe for exploring and listening to live radio stations worldwide.

SomaFM — Commercial-free, listener-supported internet radio with over 30 channels of curated music.

Claude FM — Music for thinking and building, curated by Claude.

Grown by Orlock · 2026