I've been freelancing for agencies, and the same problem kept coming up: a client needs a modal or a dropdown in an old WordPress theme or a Django app. Bringing React for one component is insane.
So I hand-coded 100 components in pure HTML/CSS/JS.
No React. No Vue. No Tailwind. No build step. No npm install.
Every component is one file. Copy it. Paste it. It works.
What's inside (10 categories):
- Navigation & Wayfinding
- Forms & Inputs
- Motion & Interaction
- Data Visualization (SVG + CSS)
- Layout Systems
- Cards & Content
- Overlays & Feedback
- Loading & Progress
- Commerce Patterns
- Product UIs (Kanban, Data Tables, Chat)
Plus a real dashboard:
- Live search across 100 components
- One-click copy
- Favorites system
- Dark/light mode
- Fully responsive + ARIA-accessible
- Themeable via CSS variables
Try it live: https://guardrailengine.github.io/Ultimate-Frontend-Library/
Launch price: $5 for the first 50 buyers (regular $10). Full commercial license included.
👉 https://simochakir.gumroad.com/l/szcvz
If you're deep in React or Tailwind day to day, you don't need this. This is for everyone else.
Happy to answer any questions about the build, the tech, or why I chose zero dependencies over a framework.
Top comments (0)