Widget Design System
Every component below renders inside the chat widget with full vertical personality.
Choose your industry
Every block below adapts to your vertical. Pick one and scroll to see the depth.
Viewing: SaaS
View
Loading Animations
_activity-loader.scssVertical-aware loaders selected by industry. 31 variants total.
Interactive Block
_interactive.scssAction Buttons
Calculator
Selector
Welcome / Hero — All Verticals
Default
SaaS
Restaurant
Ecommerce
Healthcare
Finance
Real Estate
Portfolio
Automotive
Professional Services
Agency
Dental
Calendar Block
_calendar.scssHero Block
_hero.scssPricing Block
_pricing.scssFeature Block
_feature.scssComparison Block
_comparison.scssStats Block
_stats.scssCards Block
_cards.scssWith images and badges
Selectable cards
Table Block
_table.scssList Block
_list.scssProcess/Steps Block
_process.scssTimeline Block
_timeline.scssFAQ Block
_faq.scssTestimonial Block
_testimonial.scssBrowse Block
_browse.scssAlert Block
_alerts.scssInfo
Success
Warning
Promo
Gallery Block
_gallery.scssGrid layout
Carousel layout
Video Block
_video.scssEmbed Block
_embed.scssBefore/After Comparison
specialized/before-after.tsTeam Block
_team.scssLogos Block
_logos.scssTabs Block
_tabs.scssFlow Form
_flow-form.scssMap Block
_map.scssCode Block
_code.scssMortgage Calculator
specialized/mortgage-calc.tsLoan Calculator
specialized/loan-calc.tsAffordability Calculator
specialized/affordability-calc.tsStamp Duty Calculator
specialized/stamp-duty.tsCountdown Timer
specialized/countdown.tsQuiz Block
specialized/quiz.tsRating Summary
specialized/rating-summary.tsCustom Stats Template
_custom-templates.scssNo-code builder stats block
Custom Comparison Template
_custom-templates.scssNo-code builder comparison block
Custom Timeline Template
_custom-templates.scssNo-code builder timeline block
Custom Testimonial Template
_custom-templates.scssNo-code builder testimonial block
Custom Alert Template
_custom-templates.scssInfo Alert
Success Alert
Warning Alert
Promo Alert