JJabKit
Theme preference
Button

atoms

Button

A semantic, accessible action button with primary, secondary, ghost, and destructive treatments.

CodeExample14

marketing

CodeExample14

File-ops marketing section with a dotted radial wash, dual CTAs, accordion rows for create/update/delete, and a synced TypeScript snippet with copy.

Compare5

marketing

Compare5

Centered old-versus-new marketing compare with two tall photo cards, bottom scrims, outline actions, and a circular OR chip in the gutter.

Cta22

marketing

Cta22

Marketing CTA with a dark app-download panel, store badges, overlapping phone imagery, and a muted newsletter form in a three-column grid.

Cta28

marketing

Cta28

Dark enterprise CTA with a serif headline, two-column icon capability grid, wide action, and a layered photo collage on extra-wide layouts.

EcommerceHero8

marketing

EcommerceHero8

Full-viewport fashion hero with synced autoplay campaign slides and a product thumbnail rail.

EmberFooterCta

marketing

EmberFooterCta

Closing marketing footer with a waitlist form, serif headline, slim link row, and a token-based ember bed along the baseline.

HeroSection5

marketing

HeroSection5

Cinematic marketing hero with a framed looping video panel, bottom-left offer, a light header, and a logo marquee.

Hero146

marketing

Hero146

Centered AI-agents hero on a square grid wash, with a gradient headline, metallic get-started pill, and a framed video teaser that exposes a play bar and optional presentation embed.

Hero230

marketing

Hero230

Centered marketing hero with a pill kicker, dual pill CTAs, an auto-scrolling logo ticker, and an autoplay filmstrip of raised image cards.

Hero231

marketing

Hero231

Split marketing hero with left-aligned copy and dual CTAs, a faded logo marquee, and a 3D coverflow of portrait cards.

Hero307

marketing

Hero307

Fullscreen marketing hero with an oversized headline, paired CTAs, and a CSS-built admin dashboard that tilts in a 3D perspective scene.

LiquidMetalButton

marketing

LiquidMetalButton

Marketing CTA block with a liquid-metal pill, token chrome field, glowing rim, and hover pour. Still when motion is reduced.

NavbarWithAnimatedMegaDropdown

marketing

NavbarWithAnimatedMegaDropdown

Marketing header with animated desktop mega menus, a primary CTA, and a slide-in overlay for small screens.

StickyContentWrapper

marketing

StickyContentWrapper

Split-screen marketing tour that pins a viewport while copy steps through headings, lists, and a CTA and the paired image scales and swaps.

Team14

marketing

Team14

Split hiring section with a bordered statement panel, ghost CTA, and a row of tall member portraits that becomes a looping carousel on small screens.