Built 100 Vanilla JS Components Because I Was Tired of React

CHAKIR — Fri, 11 Sep 2026 00:31:02 +0000

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.

DEV Community: CHAKIR

Built 100 Vanilla JS Components Because I Was Tired of React