cult pro

TemplatesBlocksComponentsFull Stack PatternsPricing
Login
Docs

Animated Toggle Group

Segmented single-select control with frosted track, gradient rim, and spring-driven sliding thumb

More components

Agent Suggest Card Stack

AI Blob Warp

Analytics Chart

Animated Button

Animated Card

Animated Search

Animated Tabs

Apple iPhone 17 Pro Max

Organic DitherSaaS Colorful
HeroFeaturesCall To ActionDownloadShowcasePricingNavigationWaitlistStatsSocial ProofBlogContactTeamsAboutIntegrationsFAQFooterComparisonHow It WorksAuth404App UIProfile
Hero with MossHero with Neuro NoiseHero with Simplex DitheringHero with Warp ShaderHero — HeerichHero HexHero GlobeHero Large ImageHero RibbonHero AppleHero DitheringHero Liquid MetalHero VercelHero ViteAbstract PaintingHero AnimatedHero GradientHero InputHero Input FocusedHero Input SimpleHero Logo CloudHero Nav MenuHero NavigationHero SimpleHero Text RollHero with HyperspaceRadial Gradient Background
Features TextureFeatures — HeerichFeatures HexFeature MinimalFeatures ViteSticky SectionChangelog 1Code Block 1Code Block 2Code Block 3Features Apple StyleFeatures Quote WaveFeatures — Scroll AccordionFeatures AnimatedFeatures CountFeatures ImmersiveFeatures InteractiveFeatures ModernFeatures RegalFeature Grid 1
CTA — HeerichCTA HexContact ViteCTA ViteCTA CosmicCTA ParticlesCTA Particles DarkCTA WavesCTA AnimatedCTA ImmersiveCTA Interactive
Download Minimal
Bento TextureGallery — HeerichBento Core CapabilitiesBento GradientBento ViteBento VercelBento Layout SharpBento AnimatedBento DatabaseBento Modern
Pricing HexPricing TexturePricing ApplePricing VercelPricing ViteAgent ROI Calculator
Nav FloatingNav MinimalNavigation AppleNavigation VercelNavigation Vite
Waitlist Minimal
Stats HexStats GlobeStats Vite
Testimonials HexSocial Proof AppleSocial Proof VercelSocial Proof Vite
Blog TextureBlog Vercel
Contact TextureContact Apple
Team ViteTeams VercelTeam AnimatedTeam Minimal
About MinimalAbout Vite
Integrations HexAI Integrations CircleIntegration Showcase 1
FAQ HexFAQ AppleFAQ ViteFAQ AccordionFAQ Modern
Footer AppleFooter VercelFooter Vite
Comparison TextureComparison HexComparison VercelComparison ViteComparison Table 1Model ComparisonModel Comparison CompactModel Comparison Hover
Process — HeerichRoadmap ViteRoadmap Section
Auth TextureAuth ViteAuth AppleAuth Minimal
404 Vercel
App UI OnboardingApp UI Grid List 1App UI Grid List
App Profile Minimal
Agent Suggest Card StackAI Blob WarpAnalytics ChartAnimated ButtonAnimated CardAnimated SearchAnimated TabsAnimated Toggle GroupApple iPhone 17 Pro MaxApple KeyboardApple Pro Display XDRApple Watch UltraCircuit BoardCollab AvatarCollab ToolbarCopy ButtonFeature Sticky SectionFluid AI WorkloadsFluted GlassFolded CardGateway Endpoint IllustrationGateway Route IllustrationGateway SVG IllustrationGlobe (COBE)IconsIllustration Card GridIllustration Comment BubbleIllustration CursorIllustration Fluid RenderingIllustration Globe VercelIllustration GraphIllustration Icon MapKanban BoardMac ScreenMarketing Feature CodeMarketing Hero AnalyticsMerging BubblesOrganic ButtonOrganic CardOrganic Card SmallSecurity CheckpointShadow CardSpeech BubbleTabs Illustration VercelWizard Expandable

Segmented control

Single-select toggle group with a spring-driven thumb (same constants as AnimatedButton).

Selected: week

Installation

Pro workflow

ProOpen in
Propnpx add

Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.

Get Pro

Install the required dependencies:

pnpm add @base-ui/react motion

Copy and paste the following code into your project.

Source code is available for Pro members.

Upgrade to copy and use these components in your projects.

View pricing

Update the import paths to match your project setup.