DEV Community

Cover image for Crucible v1.1.0 — Generate UI components you actually own (React/Vue/Angular)
Naveen R
Naveen R

Posted on

Crucible v1.1.0 — Generate UI components you actually own (React/Vue/Angular)

Crucible v1.1.0 — The App-Building Kit Release 🚀

Most component libraries give you a black box: install a package, fight its API, and inherit a runtime dependency you can't fully control.

Crucible takes the opposite approach — it generates the source code for components directly into your project.

No runtime. You own every file.

v1.1.0 is the App-Building Kit release.

What's new

  • 14 new components, bringing the library to 25 — Label, Separator, Badge, Skeleton, Avatar, Textarea, Checkbox, Switch, Alert, Progress (linear + circular), Breadcrumb, RadioGroup, Accordion, and a floating-ui DropdownMenu.
  • Enough to scaffold a minimal SaaS app, web app, form, or marketing site.
  • A plug-and-play plugin architecture — add your own components by dropping a manifest + templates into .crucible/plugins/, with no changes to the engine.

Every component ships across React / Vue / Angular × CSS / SCSS / Tailwind, is token-backed, and is accessible by default.

Try it

npm i -D @cruciblelab/crucible
npx crucible init
npx crucible add Button Card Dialog Accordion
Enter fullscreen mode Exit fullscreen mode

The generated files land in your project as plain, readable source — edit them like code you wrote yourself.

Why "you own it" matters

  • No version-lock to a library's release cadence
  • No fighting an opinionated API — change the markup directly
  • No runtime footprint shipped to users

📦 npm: @cruciblelab/crucible
📖 Docs: https://crucible-docs.naveenr.in

What would you want generated next? Drop ideas in the comments 👇

Top comments (0)