A small toolkit of resources I use for design, UI inspiration, icons, fonts, and CSS ideas.
CSS Menus (Prismic Blog)
prismic.io
Guide to building accessible, modern CSS menus (patterns, UX tips, examples).
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Copy/paste UI components: buttons, toggles, inputs, loaders, and more.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Curated color palettes for quick inspiration and consistent themes.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Animate.css
animate.style
Plug-and-play CSS animations (fade, bounce, slide) for quick motion polish.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
CSS Scan — Box Shadow Examples
getcssscan.com
Copy/paste box-shadow presets to get clean depth and glow effects fast.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Free, high-quality fonts with simple licensing and easy downloads.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Neumorphism (Hype4 Academy)
hype4.academy
Explanation and examples of the neumorphism UI style (soft UI, subtle shadows).
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Icon set (SVG and webfont) that works well for dashboards and navbars.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Google Icons
fonts.google.com
Material Symbols and icons you can use on the web (SVG, font, variable icons).
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Modern icon library with stylish icon packs.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Google Fonts
fonts.google.com
Free web fonts with easy embed links and variable font options.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open
Adobe Fonts
fonts.adobe.com
Premium font library via Adobe with high-quality typefaces.
Preview may be blocked by the website (security headers). Use “Open” if you see a blank preview.
Open