Vault
A selection of useful links, tools I curated for frontend developers and designers to inspire, learn, and create.
404s
Gallery of error 404 page design.
inspirations
Aceternity UI
Beautiful Tailwind CSS and Framer Motion components.
ui
Animata
Hand-crafted interaction animations and effects from around the internet.
ui
Awwwards
The most popular showcase of web design trends and creativity from around the world.
inspirations
Cubic Bezier Curve Generator
Test common easing curves on a range of interfaces. Or generate your own custom bezier curve.
animations
Cult UI
Ready-to-use components for your React apps. Shadcn compatible. Styled with tailwindcss.
ui
Curated Design
Curated web design inspiration catalog.
inspirations
Dark Mode Design
Handpicked dark mode website design inspiration.
inspirations
Dead Simple Sites
Minimal website inspiration.
inspirations
Easings
Helping choose the right easing function.
animations
Fontshare
A collection of professional grade fonts that are free for personal and commercial use.
fonts
Footer
Gallery of footer design.
inspirations
Framer Motion
A production-ready motion library for React.
animations
GSAP
A wildly robust JavaScript animation library built for professionals.
animations
Heroicons
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
icons
Jhey Codepen
Where Jhey share his amazing CSS animation source code.
animations
MagicPattern
Generate background pattern.
other
Magic UI
50+ free and open-source animated components, perfect companion for shadcn/ui.
ui
microcopy
Short copy text for your website.
other
Minimal Gallery
Handpicked website inspiration, tools, domains and more.
inspirations
Motion Primitives
Beautifully designed motions components.
ui
MSHR
A collection of 578 vanilla CSS mesh gradients free for you to use in any of your projects.
colors
Navbar Gallery
Navbar design inspiration.
inspirations
OGimage.gallery
The finest handpicked OG images.
other
Popicons
Make your designs pop with Popicons.
icons
Radix Icons
Icons from Radix UI.
icons
React Hook Form
Performant, flexible and extensible forms with easy-to-use validation.
technologies
Refactoring UI
Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.
articles
Refero
Real world designs from the best products.
inspirations
shadcn/ui
The most popular UI components library in React world.
ui
Shots
Create amazing mockups in matter of seconds.
other
Sonner
Modern, beautiful, and animated toast component for React.
technologies
SVG Doodles!
A free collection of different hand drawn style SVGs, gradient colors and logos.
svg
SVG Hub
Custom-color SVGs of Squiggles, scribbles, shapes and other stuff.
svg
Svgl
A collection of logo SVGs.
svg
Three.js
JavaScript 3D Library
animations
TinyPNG
Free online image compressor for faster website.
other
UI Colors
Tailwind CSS color generator.
colors
UI Density
What UI density means and how to design for it.
articles
Zod
TypeScript-first schema validation for both clients and server.
technologies