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)