Design References
A personal collection of UI, design, motion, frontend, and product references.
- Transitions.dev Skill
Motion recipes and an AI skill for building polished product transitions.
- Cuelume
A tiny dependency-free library for interaction sounds built with Web Audio.
- Beautiful UI
A curated collection of polished UI components and interface patterns.
- Great UI
Open-source React and Tailwind components focused on premium interfaces and motion.
- UI Fonts
A collection of fonts selected for building modern digital interfaces.
- Shieldcn
shadcn-styled SVG badges for GitHub, npm, docs, and project pages.
- Dither Kit
Dithered charts, avatars, buttons, and gradients for shadcn projects.
- Its Hover
Copy-paste animated icons designed to add motion to everyday UI actions.
- Design MD
Reusable DESIGN.md files that give AI coding agents a visual design system to follow.
- Dot Matrix
A React library of expressive dot-matrix loaders and loading primitives.
- ASCII Magic
Browser-based image and video effects for ASCII, pixel, dither, mosaic, and glitch styles.
- Shoogle
A playful web experiment and interaction reference worth exploring for visual ideas.