• Inspiration
  • Websites
  • Resources
Updated hourly
Updated hourly

© 2026 Goodest

PrivacyTerms

Resources

Browse the full index

Skills

Emil Kowalski Skills

The skill file to add when the work is motion quality, not just a prettier layout.

  • Skills

    Jakub Krehel Skills

    Agent skills for type, colour, layout, and accessibility.

    7.1K
  • Articles

    The Era of Taste

    A manifesto for judgment, craft, and taste.

Toys

  • 25 Loading Buttons

    25 loading buttons, each a different animation you click to replay.

  • blade.garden

    An ASCII Beyblade — build a spinner out of its shape, then let it rip.

  • Clickclickclick

    A page that watches how you click.

  • Clouds in Motion

    A real-time cloud renderer you can fly through.

  • Sandspiel

    A falling-sand drawing toy in the browser.

  • The Useless Web

    A random useless website, on demand.

Articles

  • How to Do Great Work

    Paul Graham on choosing work worth a life.

  • Interface Lovers

    Spaces' magazine of interface craft and studio visits.

Skills

  • Matt Pocock Skills

    Using AI without dropping your standards: shaping, TDD, triage.

  • Security Audit

    Cloudflare's six-phase security audit, run by your agent.

    21K
  • UI Skills

    A curated catalog of design-engineering skills.

Learn

  • AI Hero

    Courses and events for engineers building AI products.

  • animations.dev

    Emil Kowalski's course on what makes animation feel right.

  • Devouring Details

    An interactive manual of interface detail, with components.

  • Interface Craft

    Articles, walkthroughs, and tools for interface craft.

  • Interfaces

    A design-engineering magazine with interactive demos.

  • Invisible Details

    A course on the details that make interfaces feel considered.

  • Master.dev

    Hands-on courses across frontend, backend, cloud, and AI.

  • roadmap.sh

    Community roadmaps and guides for developers.

Icons

  • Blode Icons

    4,000+ MIT icons in outline and solid, with Lucide-compatible names and props.

Utilities

  • @web-kits/audio

    Declarative Web Audio synthesis, with React hooks.

  • DialKit

    Tune sliders, colours, springs, and easing in real time.

  • DotForge

    26 dither animations, tuned live and exported as a self-contained canvas embed.

  • Easing Gradients

    A Tailwind plugin for smoother gradient fades.

  • Motion

    Production animation for React, JavaScript, and Vue.

  • Ramps

    OKLCH colour ramps and semantic tokens from one brand colour.

  • React Bits Tools

    Small tools beside the React Bits component set.

  • Screenshot Studio

    Screenshot editor and mockup maker — gradient backgrounds, browser frames, shadows, 3D, animation.

  • Tabbied

    338 generative patterns, recoloured live and exported as PNG, SVG, or PDF.

  • Tooooools

    Lo-fi raster effects — stipple, halftone dots, patterns — for stills and video. Opens on stippling.

  • UI Camera

    Turn UI into polished product photos and video.

Archives

  • archives.design

    Historical design books, specimens, posters, and ephemera.

  • CARI

    An archive of consumer aesthetics, era by era.

  • Design Books

    Around thirty design books held to be essential, from Meggs and Hofmann to Laws of UX.

  • Every Single Frame

    Acclaimed films, one random frame at a time.

  • Moving Image Archive

    Short moving-image excerpts across decades of screen work.

  • The Met Open Access

    Public-domain artwork images from the Met, free under CC0.

  • Typographic Posters

    A searchable archive of typographic posters.

  • Whole Earth Index

    Every Whole Earth Catalog and journal, 1968–2002.

Typography

  • Dinamo

    Berlin foundry behind ABC Diatype and Monument Grotesk.

  • Displaay

    Prague foundry behind Reckless, Tobias, and Matter.

  • Fontshare

    A free quality font service by ITF.

  • Free Faces

    A curated gallery of free sans-serif typefaces.

  • Grilli Type

    Swiss foundry behind GT America, GT Sectra, and GT Alpina.

  • Klim Type Foundry

    Kris Sowersby's foundry: National, Tiempos, Söhne.

  • Pangram Pangram

    Montreal foundry behind Neue Montreal, Mori, and PP Editorial.

  • Uncut

    163 contemporary typefaces, free for commercial use.

  • Velvetyne

    Free, experimental open-source typefaces from Paris.

Collections

  • Are.na

    A platform for connecting ideas.

  • DesEngs

    A directory of design-engineering work, tools, and people.

  • Design Engineer Tools

    Web design-engineering tools, grouped by job.

  • Design Minis

    Fifty-odd single-purpose design tools, each labelled by job and by price.

  • DesignBookmark

    2,479 tools across 59 categories, filterable by platform and pricing.

  • DesignEng.tools

    Design-engineering links across 18 categories, plus an index of who ships what.

  • Designspiration

    A community image library searchable by up to five colours at once.

  • Eyecandy

    A visual-technique library, searchable by name.

  • Fonts In Use

    Typefaces catalogued as they appear in the wild.

  • Footer.design

    A gallery of website footers, sortable by type and style.

  • GreatApps.fyi

    210 hand-picked indie iOS apps, listed by icon, name, and tagline.

  • Hover States

    Notable hover effects, transitions, and experimental sites.

  • Is There Any Tool

    1,741 hand-reviewed design, craft, and AI tools across 19 categories.

  • Killer Portfolio

    Portfolio sites built to convert, not just to impress.

  • loadmo.re

    A portrait-video archive of experimental mobile websites, curated since 2021.

  • Noiced

    A small, opinionated collection of videos for designers.

  • OpenAlternative

    Open-source alternatives to proprietary tools, ranked by repo health.

  • Poly Haven

    CC0 HDRIs, textures, and 3D models, free for any use.

  • Showreel.design

    Motion showreels, tagged by style, industry, and soundtrack.

  • Skills.sh

    A directory and leaderboard for agent skills.

  • The Moving Poster

    Animated posters, credited to the studios behind them.

  • Visual Rambling

    Interactive explainers on graphics: dithering, distance fields, 3D space.

  • Write with Open Access

    Write a sentence, get Smithsonian images back.

Components

  • 21st

    React and Tailwind components, installable in one command.

  • Beautiful UI

    Primitives for AI interfaces: reasoning, tools, streaming.

  • Canvas UI

    HTML-in-canvas components for WebGL and WebGPU.

  • interior.dev

    Free React micro-interactions built with Tailwind and Motion.

  • Libraries.dev

    React effect libraries, from thinking orbs to liquid metal.

  • loading.dev

    Carefully crafted loading indicators for React.

  • Motion Primitives

    Copy-paste motion components for animated interfaces.

  • React Bits

    Animated, customizable React components, open source.

  • SVG Doodles

    217 hand-drawn doodles, copied out as SVG or a prop-driven component.

  • Tailwind Variants

    A typed variant API for Tailwind: variants, slots, compounds.

  • ThreeUI

    Copy-ready Three.js components, backgrounds, and shaders.

  • Transitions.dev

    Copy-paste UI transitions for web apps and agents.