Resources
Useful things worth passing on.
A growing selection of systems, tools and references that help shape creative work and clearer thinking.
Vibe coding
- ↗Motion
Motionmotion.dev
Animation for React and plain JavaScript. Small API, very good defaults.
- ↗Emil Kowalski
Emil Kowalskiemilkowal.ski
Writing and components about interface craft. Some of the best thinking on how small details make software feel good.
- ↗impeccable
impeccablegithub.com
A design language you hand to your AI coding agent so the results look less generic.
- ↗getdesign.md
getdesign.mdgetdesign.md
DESIGN.md files of real websites. A smart way to brief an AI agent on a visual style.
- ↗Everything Claude Code
Everything Claude Codegithub.com
A big collection of Claude Code setups, skills and agents. Good for seeing how others structure their workflow.
- ↗GSAP Demos
GSAP Demosdemos.gsap.com
Hundreds of animation demos with code. When I need an idea for how something could move, I start here.
- ↗Codrops
Codropstympanus.net
Tutorials and experiments for creative web effects. I keep coming back to it for WebGL and shader ideas.
UI & design systems
- ↗shadcn/ui
shadcn/uiui.shadcn.com
Open components you copy into your project and make your own. The base I build most interfaces on.
- ↗Base UI
Base UIbase-ui.com
Unstyled, accessible components. A good foundation when the design system should look like yours, not like a library.
- ↗Animate UI
Animate UIanimate-ui.com
Animated versions of familiar components. Useful when a static UI needs a bit of life.
- ↗Cult UI
Cult UIcult-ui.com
Components, blocks and templates on top of shadcn/ui, with more character than the defaults.
- ↗SmoothUI
SmoothUIsmoothui.dev
Small animated components with very nice details, like the cursor image trail.
- ↗coss ui
coss uicoss.com
A modern component library built on Base UI. Clean, calm and well thought through.
- ↗shadcn.io
shadcn.ioshadcn.io
A large collection of shadcn-style components, blocks and AI-ready building pieces.
- ↗Shoogle
Shoogleshoogle.dev
A search engine across shadcn component libraries. Saves a lot of tab-hopping.
- ↗Vaul
Vaulvaul.emilkowal.ski
A drawer component for React that feels right on touch devices.
- ↗Sonner
Sonnersonner.emilkowal.ski
Toast notifications done properly. Tiny, opinionated, beautiful.
- ↗Uiverse
Uiverseuiverse.io
Open-source UI elements in CSS and Tailwind. Good for small, playful details.
- ↗Rare UI
Rare UIrareui.com
Animated React components that go a bit beyond the usual set.
- ↗PrebuiltUI
PrebuiltUIprebuiltui.com
Tailwind sections for the usual page parts. Fast to start with, easy to make your own.
- ↗Supahero
Supaherosupahero.io
A gallery of hero sections. Useful when the first screen needs a fresh idea.
- ↗Ripplix
Ripplixripplix.com
A huge library of UI animations and micro-interactions for reference.
- ↗Untitled UI Icons
Untitled UI Iconsuntitledui.com
A clean, consistent icon set that works in almost any interface.
- ↗Oat
Oatoat.ink
Ultra-light, semantic HTML components with zero dependencies. A nice counterpoint to heavy frameworks.
- ↗21st.dev
21st.dev21st.dev
A community library of React components, many of them made for building with AI. Great for finding a starting point fast.
- ↗React Bits
React Bitsreactbits.dev
Animated and interactive React components, from text effects to backgrounds. Playful, but well made.
- ↗Framer Marketplace
Framer Marketplaceframer.com
Components made by the Framer community. A good place to see what people build when design and code meet.
- ↗All Shadcn
All Shadcnallshadcn.com
A big directory of shadcn components from many libraries in one place. Useful when the default set is not enough.
- ↗soundcn
soundcngithub.com
700+ UI sound effects you install like shadcn components. A click, a notification, a transition: one command and it lives in your codebase.
- ↗UI SFX
UI SFXuisfx.com
936 open-source interface sounds in twelve styles, from soft and glass to arcade. Good for finding the right feel before picking a single sound.
- ↗component.gallery
component.gallerycomponent.gallery
A broad reference for component-based interface patterns.
- ↗Principles
Principlesprinciples.design
A living collection of design principles and patterns.
- ↗Carbon Design System
Carbon Design Systemcarbondesignsystem.com
IBM’s open design system for digital products.
AI
- ↗Krea
Kreakrea.ai
AI image generation and enhancement tools for visual exploration.
- ↗Higgsfield
Higgsfieldhiggsfield.ai
AI image and video with surprisingly cinematic control over camera and look.
- ↗Hedra
Hedrahedra.com
AI video for expressive characters and talking portraits.
- ↗Magic Patterns
Magic Patternsmagicpatterns.com
Generates UI designs from a prompt. Great for quick explorations before the real design work starts.
- ↗Pencil
Pencilpencil.dev
Design on a canvas, land in code. An interesting take on how design and development could meet.
- ↗Google AI Studio
Google AI Studioaistudio.google.com
The quickest way to try Gemini models, including image and video, without any setup.
- ↗Le Chat
Le Chatchat.mistral.ai
Mistral’s assistant. A European alternative worth keeping an eye on.
Creative tools
- ↗Colormind
Colormindcolormind.io
Colour palette exploration informed by image and film references.
- ↗Rive
Riverive.app
Interactive motion that runs everywhere. Animation that reacts instead of just playing.
- ↗Shader Gradient
Shader Gradientshadergradient.co
Animated 3D gradients you can shape in the browser and export.
- ↗Cosmos
Cosmoscosmos.so
A calm place to collect visual references. Like Pinterest, without the noise.
- ↗SampleFocus
SampleFocussamplefocus.com
A community library of free sound effects and samples, from foley to synths. Handy when a project needs one specific sound, fast.
- ↗Pixabay Sound Effects
Pixabay Sound Effectspixabay.com
A large free library of sound effects under the Pixabay license. Good for quick searches when a project needs one specific sound.
- ↗Free Faces
Free Facesfreefaces.gallery
A collection of free and independent typefaces.
References
- ↗Godly
Godlygodly.design
Web design inspiration with a strong eye. Mostly the ambitious stuff.
- ↗Minimal Gallery
Minimal Galleryminimal.gallery
Hand-picked websites that do a lot with very little.
- ↗BP&O
BP&Obpando.org
Branding, packaging and opinion. Thoughtful reviews of identity work.
- ↗Klim Type Foundry
Klim Type Foundryklim.co.nz
Beautiful typefaces, and some of the best writing about how they were made.
- ↗Brand History
Brand Historybrand-history.com
A deep archive of historic advertising and brand material.
- ↗Starhere Designer
Starhere Designerstartheredesigner.com
A weekly curated resource collection for designers.
- ↗HeyDesigner
HeyDesignerheydesigner.com
A daily feed of curated design knowledge.
Thinking
- ↗Ethical Design Guide
Ethical Design Guideethicaldesign.guide
Resources for designing technology that avoids harm.
- ↗Agents with Taste
Agents with Tasteemilkowal.ski
Emil Kowalski on why AI agents need taste to build good interfaces. Close to how I think about it.
- ↗Nudges, Biases & Heuristics
Nudges, Biases & Heuristicsnudges.fyi
A clear library of the mental shortcuts that shape how people decide.
- ↗The Decision Lab
The Decision Labthedecisionlab.com
Behavioural science explained without the jargon. Useful for strategy and copy.
- ↗LessWrong
LessWronglesswrong.com
Essays and discussion on reasoning and decision-making.
- ↗STRAT_SCRAPS
STRAT_SCRAPSalexmorris.co
Creative strategy notes and curated inspiration by Alex Morris.
Nothing found. Try another word or .