UI IP Toolkit - A standalone static visual catalog for CSS/JS components
I built UI IP Toolkit to solve my own workflow problem: I kept losing useful UI snippets (buttons, loaders, CTA blocks, glassmorphic cards, layout grids) across old projects and directories.
- Live site: https://ui-ip-toolkit.vercel.app/
- GitHub Repository: https://github.com/ikerperez12/UI-IP-Toolkit-v4.0
Design Philosophy
- Zero dependencies: Raw HTML, CSS, and vanilla JS. No NPM packages, framework configurations, or build steps required.
- Copy-paste ready: Visual preview cards with one-click copy buttons for immediate use in any stack.
- Light/Dark mode: Clean design system focusing on micro-interactions, sleek gradients, and responsive layouts.
- Visual catalog: Catalog of gradients, buttons, fonts, loading states, hover treatments, glass surfaces, layout fragments, and UI patterns.
How do you manage your personal code/CSS snippet collections? Hope this is useful to others!