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

Published: (June 6, 2026 at 04:49 AM EDT)
2 min read
Source: Dev.to

Source: Dev.to

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. 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. npm i -D @cruciblelab/crucible npx crucible init npx crucible add Button Card Dialog Accordion

The generated files land in your project as plain, readable source โ€” edit them like code you wrote yourself. 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 ๐Ÿ‘‡

0 views
Back to Blog

Related posts

Read more ยป

Mobile Midsommer Madness

!Cover image for Mobile Midsommer Madnesshttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploa...