# split

Components⚛ TSX Live preview

Split-Text Roll Reveal

On hover, each letter rolls up out of an overflow mask while a gradient copy rolls in from below, staggered.

7.8k41.8k8.6kOpen

HTMLCSSJavaScriptModerate

Components Live preview

Split Feature Panel

Image/text split panel with parallax image and animated bullet list.

HTMLCSSJavaScriptModerate

Components Live preview

Auth Split Screen

HTMLCSSJavaScriptModerate

Components Live preview

Split Button Group

Primary button with split dropdown arrow revealing secondary actions.

Muse — Music Production App

Split-screen landing pairing editorial copy with a visualizer-style stage of pulsing audio bars for a music app.

Medico — Telehealth Clinic

Clean split landing for a telehealth service pairing trust copy with a doctor-card visual and symptom chips.

Coach AI — Personal Trainer App

Fitness AI coach landing splitting punchy copy from an animated rep-counter dashboard.

Payflow — Merchant Payments

Payments landing splitting trust copy from a terminal-style transaction feed with approval badges.

Kinder — Family Finance App

Family budgeting app splitting warm copy from a shared-pots visual with round-up counters.

Coursecraft — Creator Academy

Online-course marketplace splitting pitch copy from a course-card rail with rating badges.

Crumbs — Bakery Subscription

Artisan bakery subscription splitting appetizing copy from a pastry-card grid with delivery chips.

Ledgerly — Freelance Invoicing

Freelancer finance app splitting pitch copy from an invoice preview and late-payment tracker.

Petpal — Vet Telehealth

Pet telehealth landing splitting warm copy from a pet-profile card with symptom chips.

UI Elements⚛ TSX Live preview

Split Button with Dropdown

Primary split button revealing secondary actions in a dropdown.