ComponentsInteractive Elements

Interactive Elements

Interactive components for user engagement including calculators, quizzes, roadmaps, feedback widgets, ratings, and configurators with visual previews for all components.

22components

1 Free·21 Pro

import { ... } from "@/components/blocks/interactive"

PricingSlider

Pro

Loading preview...

Import PricingSlider from @/components/blocks/interactive

PricingSliderTiered

Pro

Loading preview...

Import PricingSliderTiered from @/components/blocks/interactive

InteractiveROICalculator

Pro

Loading preview...

Import InteractiveROICalculator from @/components/blocks/interactive

InteractiveSavingsCalculator

Pro

Loading preview...

Import InteractiveSavingsCalculator from @/components/blocks/interactive

QuizFlow

Pro

Loading preview...

Import QuizFlow from @/components/blocks/interactive

QuizFlowCards

Pro

Loading preview...

Import QuizFlowCards from @/components/blocks/interactive

ComparisonToggle

Pro

Loading preview...

Import ComparisonToggle from @/components/blocks/interactive

ComparisonSideBySide

Pro

Loading preview...

Import ComparisonSideBySide from @/components/blocks/interactive

ExpandableFeatureList

Pro

Loading preview...

Import ExpandableFeatureList from @/components/blocks/interactive

ExpandableAccordion

Pro

Loading preview...

Import ExpandableAccordion from @/components/blocks/interactive

InteractiveRoadmap

Pro

Loading preview...

Import InteractiveRoadmap from @/components/blocks/interactive

RoadmapHorizontal

Pro

Loading preview...

Import RoadmapHorizontal from @/components/blocks/interactive

FeedbackWidget

Free

Loading preview...

Import FeedbackWidget from @/components/blocks/interactive

FeedbackInline

Pro

Loading preview...

Import FeedbackInline from @/components/blocks/interactive

StarRatingInput

Pro

Loading preview...

Import StarRatingInput from @/components/blocks/interactive

StarRatingDisplay

Pro

Loading preview...

Import StarRatingDisplay from @/components/blocks/interactive

StarRatingCard

Pro

Loading preview...

Import StarRatingCard from @/components/blocks/interactive

NPSSurvey

Pro

Loading preview...

Import NPSSurvey from @/components/blocks/interactive

NPSSurveyModal

Pro

Loading preview...

Import NPSSurveyModal from @/components/blocks/interactive

NPSSurveyInline

Pro

Loading preview...

Import NPSSurveyInline from @/components/blocks/interactive

ProductConfigurator

Pro

Loading preview...

Import ProductConfigurator from @/components/blocks/interactive

ProductConfiguratorSimple

Pro

Loading preview...

Import ProductConfiguratorSimple from @/components/blocks/interactive

All 22 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/interactive