Component
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.
React 19Canvas APIJotai
Glassmorphic Pricing Toggle
Premium glassmorphic pricing component with monthly/annual toggle, interactive hover states, and smooth spring-based height animations.
builder.studio/templates/glass-pricing-toggle
Capabilities & Specifications
What is this component used for?
A drop-in ui elements 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, Jotai, CSS Modules. 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