Save any React or HTML component to your own library — from uiverse, React Bits, Magic UI, shadcn, Aceternity, or your own code. SnapForge classifies it, previews it live, exports it, and hands it to your AI agent. Any component you save, ready to ship.
React & HTML · live sandbox previews · MCP-native
Hover a card for the details. Paste, pull from a registry, or upload — every component is parsed, classified, security-gated, and stored under your account.
Paste a snippet
Drop in a single React or HTML component — plus optional CSS and a usage demo. It's parsed, classified, named, and saved to your library.
Registry & CLI
Paste `npx shadcn add @magicui/marquee` or a registry JSON URL. SnapForge fetches the real source and every registry dependency for you.
Folder upload
Multi-file component? Upload the whole folder. `@/` import aliases resolve automatically in the live preview.
.zip import
Bulk-import a zipped component. SnapForge unpacks it, runs the security gate, and gets it preview-ready in seconds.
Each save bundles in a real in-browser sandbox — Tailwind, the shadcn cn() helper, Magic UI keyframes, styled-components, WebGL, glass & backdrop-filter. No "looks right in the docs," then breaks in your app. Move your cursor across this wall — that's a vault component too.
3D cards, physical toggles, molten loaders, glowing devices — every tile below is a real saved component, previewing live, exactly as it would in your project.
Saved this month
Lives in
your vault
A remote MCP server connects Claude Code, Cursor, Windsurf, and VS Code straight to your library — read-only, behind a per-user token. Then just ask: "build a landing page using only components from my SnapForge vault."
search_vaultKeyword search across your saved components by name, tag, or category.
list_vaultList everything in the library — optionally filtered to one category.
get_componentReturn export-ready source, deps, multi-file map, CSS, and demo.
Untrusted code from the internet never renders blind. A deterministic sanitization gate inspects each component and tags the outcome allowed, blocked, or invalid before it ever previews.
Multi-tenant by design: row-level security, every component scoped to your owner_id. Your vault is yours alone.
Blocked on sight
Build your vault
$0
Plug in your AI
$—
Share the forge
$—
Pricing in progress — MCP access ships as a Pro feature.
Build the library once. Preview everything live. Then let your AI agent pull from it on demand — no more rebuilding the same component twice.