JJabKit
Theme preference
About11

marketing

About11

Creative-studio about block with staggered team photos, a process grid, logo marquee, honors table, quote overlay, and two motivation plates.

About14

marketing

About14

Six-column about block with a large headline, full-width hero image, labeled intro, inline avatar profile, and a philosophy statement.

About6

marketing

About6

Two-column about section with story copy, a staggered workplace photo grid, and an offset second column of images and paragraphs.

About8

marketing

About8

Fintech about section with a plus-sign field, bordered stats, mission copy, a snap image carousel, a right-aligned product note, and a founding-team plate.

Awards6

marketing

Awards6

Milestones ledger with a display heading, labeled columns, and separator rows for title, type, and year.

Bento19

marketing

Bento19

Three-column masonry bento of six bordered cards with integration pills, compact charts, and AI ops illustrations.

CaseStudies11

marketing

CaseStudies11

Centered case-study section with a three-column grid of portrait poster cards — full-bleed photography, a bottom gradient, company mark, and title.

CaseStudies13

marketing

CaseStudies13

Four-column case-study grid with cover photographs, large outcome metrics, category badges, and short client stories.

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.

Content1

marketing

Content1

Long-form marketing article with a sticky in-page outline, scroll-linked active sections, and rich body blocks for images, lists, tables, and callouts.

Content2

marketing

Content2

Content-hub explainer with a labeled intro, icon type grid, create and manage how-to panels, and an inline tip alert.

Content4

marketing

Content4

Publication-style long read with breadcrumbs, author byline, inline figures, a scroll-aware table of contents, and a back-to-top control.

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.

EmberFooterCta

marketing

EmberFooterCta

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

Faq12

marketing

Faq12

Documentation-style FAQ with a category sidebar, per-topic accordions, and scroll-synced active highlighting.

Feature261

marketing

Feature261

Marketing bento mosaic mixing a tall photo, a stat callout, a pricing tile, a short promo, an avatar cluster, and a supporting image.

FooterColumn

marketing

FooterColumn

Site footer with a brand column, about and service links, a live-help row, contact details, and a legal bar.

FooterSection

marketing

FooterSection

Site footer with a newsletter field, quick links, contact details, social marks, a light/dark toggle, and a legal row.

Gallery31

marketing

Gallery31

Product bento gallery with a centered kicker, five image tiles, and direction-aware hover overlays for name and price.

GlowingShadow

marketing

GlowingShadow

Marketing block with a rotating, color-cycling token glow behind display type. Hover brightens blur, opacity, and scale.

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.

Hero228

marketing

Hero228

Centered marketing hero with a mixed serif headline, muted supporting copy, and an autoplay fan carousel of portraits with animated tick bars and name crossfades.

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.

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.

HoloCard

marketing

HoloCard

Marketing block with holographic trading cards: pointer-driven 3D tilt, token rainbow foil, and a contact shadow that leans with the surface.

LiquidMetalButton

marketing

LiquidMetalButton

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

MotionImageRevealSlider

marketing

MotionImageRevealSlider

Marketing still with a draggable rail that reveals a color photograph from a grayscale overlay, or compares two images.

MotionLoadingProgressBar

marketing

MotionLoadingProgressBar

Marketing loading capsule whose fill springs toward discrete progress jumps, still when motion is reduced.

Pricing28

marketing

Pricing28

Four-plan pricing section with avatar social proof, monthly/yearly billing tabs, tooltips, and grouped feature lists.

Projects11

marketing

Projects11

Masonry project photo wall in CSS columns — twelve unframed images that rise into view on scroll and lift with a brightness overlay on hover.

Projects13

marketing

Projects13

Editorial project index: numbered rows with title, launch date, large description, and a small thumbnail, separated by hairline borders. Optional per-row hrefs render as title text links.

Projects16

marketing

Projects16

Editorial four-image gallery with a medium-weight heading, a two-column staggered 4:3 and 4:5 photo grid, optional captions with text-link destinations, and a link action beneath a short paragraph. Extra images are not rendered.

SpotlightCard

marketing

SpotlightCard

Marketing feature cards with a radial spotlight that tracks the pointer, using semantic tokens in light and dark.

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.

StoryScroll

marketing

StoryScroll

Full-viewport marketing chapters that pin and stack on scroll, with huge type, hairlines, and semantic tone surfaces.

Team11

marketing

Team11

Bordered team header above a dense member grid that reveals a highlighted bio card on hover and keyboard focus from medium screens up.

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.

Team17

marketing

Team17

Documentary team block with a 3:4 portrait grid, flowing alumni and collaborator name lists, and a two-column culture band.

Testimonial

marketing

Testimonial

Marketing social-proof block with stacked quote cards, star ratings, avatars, and a grid layout that shows every review at once.

TiltedCard

marketing

TiltedCard

Marketing media card that tilts and lifts toward the pointer, with an overlay title and a caption that follows the cursor.

Waitlist3

marketing

Waitlist3

Split coming-soon waitlist with a company mark, launch badge, email form, overlapping avatars, copyright, and a full-height photo.