Component
Glassmorphic Pricing Toggle
Premium glassmorphic pricing component with monthly/annual toggle, interactive hover states, and smooth spring-based height animations.
React 19JotaiCSS Modules
Interactive Vector Node Map
Lightweight vector node map with pan, zoom, interactive ports, and custom connection lines. Perfect for visual logic builders or mind mapping.
builder.studio/templates/interactive-node-map
Capabilities & Specifications
What is this component used for?
A drop-in canvas & interactive UI block for any Builder Studio canvas or exported site. Styles use design tokens and CSS Modules so you can reskin without fighting the cascade.
Core Integrations
Pre-configured for React 19, Canvas API, Jotai. Bring your own API keys for third-party services; Builder Studio handles orchestration and canvas state.
Performance & SEO
Lightweight client bundle with token-driven styling and accessible interaction patterns ready for canvas embedding.
Customization
Resize, retheme, and recompose in the visual editor. Props and state are exposed as node data — no hidden magic strings.
More from the marketplace
Component
Multi-Step Intake Form
Validated multi-step form with progress indication, conditional branching, and a submission flow wired for workflow triggers.
React 19ZodCSS Modules
Workflow
AI Speech-to-Speech Translator
A real-time voice translation pipeline with customizable accent, speed, and emotional tone. Connects audio inputs directly to AI translation models.
ElevenLabsGemini 3.5Resend