Lab
Component tests
Sandbox pages for UI experiments. Prefer the full list at /components (opens demos in a new tab).
- Product BentoPlatform capabilities bento — CRM mock, omnichannel, funnel (exact, Speaksy green).Open in new tab
- Stories BentoCustomer stories bento — metrics, video, quotes (exact layout, Speaksy theme).Open in new tab
- Stack IntegrationSeamless Integration diagram — Speaksy logo hub + CRM/CDP/dialer/API cards (green theme).Open in new tab
- Compare MatrixCapabilities table: Speaksy green column vs typical voice AI vendor (exact layout).Open in new tab
- Integration HubIntegrates With Everything — Speaksy center hub + partner cards (darwinbox, Zoho, keka…).Open in new tab
- Scroll ArcWhite disc rides a large arc on scroll — bubble + body copy crossfade (exact path).Open in new tab
- Pro Pricing SliderFree / Pro / Business cards — exact blue stepped credit line on Pro & Business.Open in new tab
- Common QuestionsFAQ carousel: faded prev/next, ↑↓ nav, IN/OUT answer card with fade (exact).Open in new tab
- Glow TabsEmails / Attachments glass pills with ambient glow + sliding white light bar.Open in new tab
- Brand FanHub → brand logos with blue light traveling along curved spokes (exact & neat).Open in new tab
- Language Marquee (10)Hover a language row → white infinite marquee with regional photos (India’s top 10).Open in new tab
- Stack Article CardsBottom-right stacked deck expands on hover; active card turns orange-red.Open in new tab
- Followers TrendInteractive bar chart scrubber with floating value pill (exact from recording).Open in new tab
- Expand FAB MenuBottom-left + button → action tiles with blur backdrop and morph close (from recording).Open in new tab
- Hover Link PreviewBold text links with floating site preview cards on hover (exact from recording).Open in new tab
- Iso Features (hover)3D line icons (Relay, Enclaves + 6 more) — purple hover, brackets, inverted titles.Open in new tab
- Scroll Zoom GallerySticky 2×2 collage — dive in / pull out on scroll with SCROLL → REMIX beats (exact).Open in new tab
- Scroll/Drag GalleryFreeform art prints on a black canvas — scroll or drag to pan (from your recording).Open in new tab
- Blinds Text RevealPer-line colored blinds open on scroll — out, in-out, and alternate directions (from your recording).Open in new tab
- Journey Split CardsScroll-driven 3D flip: panoramic image splits and flips to UI cards.Open in new tab
- Centered Crosshair Action MenuFull crosshair axes, diamond edge markers, spring scale+blur popover — exact Add job grid.Open in new tab
- Add Job NodePipeline line + 6-dot trigger that expands into an Add job action grid (from your recording).Open in new tab
- Reveal Hover Card GridBottom-up clip-path curtain reveal with spring motion and image scale.Open in new tab
- Staggered Animated MenuCascading entry stack with layout springs — collapse/expand to feel the physics.Open in new tab
- Expand Product CardsDual product tiles with cursor-tilt → spring morph to full-bleed editorial panel + ghost product (exact).Open in new tab
- Audio Waveform PlayerLight white pill play/pause + waveform bars with red playhead glow (light version).Open in new tab
- Data EncryptedGlass capsule + laser beam: plaintext scrolls into cipher. MAXIMUM PRIVACY / Your data. Encrypted. (exact).Open in new tab
- Scroll HighlightText paints with a diagonal highlighter edge on scroll — blue / yellow / purple (exact).Open in new tab
- Glass Layer StackSticky-scroll isometric glass slabs — one lit layer at a time, title ghost crossfade (exact from recording).Open in new tab
- Gradient BarsHolographic fluid strips — gaussian hover wave, click expands pure mesh square with sibling blur (exact).Open in new tab