1 GitHub star = 1 new component.

Star the repo
51 Sections · 13 Categories

Section Templates

Complete page sections: heroes, features, pricing, CTAs, testimonials, and more.

Stunning above-the-fold hero section with dynamic mesh gradients and glowing accents.

herogradientanimated

Classic split-column hero with headline, badges, and side preview illustration.

herosplitbrowser-mockup

Impactful landing hero with floating glassmorphism card and gradient typography.

heroglassmorphismanimated-orbs
Features & Grids

Feature Bento Grid

Interactive bento-box features showcase with variable grid spans.

featuresbentogrid
Features & Grids

Feature Timeline Flow

Step-by-step product workflow section with connected milestones.

featurestimelineworkflow

Detailed SaaS pricing table with feature checkboxes and plan switcher.

pricingmatrixcomparison
Pricing & Plans

Pricing Tier Cards

Three-tier pricing layout with monthly/annual billing switch and highlighted popular tier.

pricingcardstiers

Masonry-style customer review wall with frosted glass cards.

testimonialssocial-proofreviews
Call to Action

CTA Glow Banner

High-impact call to action banner featuring radial glow background and newsletter input.

ctabannerconversion
Call to Action

CTA App Download

Mobile application showcase section with phone mockup preview and app store badges.

ctamobileapp-store

Clean FAQ section with animated accordions and support contact card.

faqaccordionquestions
Stats & Metrics

Stats Metric Showcase

Grid of high-impact metric counters with gradient numbers and icons.

statsmetricskpi
Team & People

Team Grid Section

Grid of team member profiles with avatar cards and social media links.

teampeopleleadership
Contact & Support

Contact Glass Form

Modern split-screen contact section featuring frosted glass form and quick support details.

contactformsupport

High-converting customer review bento grid featuring avatar ratings and verified badges.

sectionstestimonialsreviews
Logos & Partners

Logo Cloud Section

Infinite scrolling logo marquee section building credibility and trust.

sectionslogospartners

Dynamic two-column hero with interactive dashboard mockup and theme toggles.

sectionsherolanding

Developer hero with an animated terminal transcript and a copy-to-clipboard install command.

herodeveloperterminal

Pre-launch hero with aurora background, accessible email capture, inline validation and social proof.

herowaitlistform

SaaS hero with a live product dashboard mockup built from the kit’s KPI tiles and SVG line chart.

herosaasdashboard
Features & Grids

Feature Icon Grid

Responsive 2–4 column feature grid with SVG icons, descriptions and accessible learn-more links.

featuresgridicons
Features & Grids

Feature Alternating Rows

Zig-zag feature rows alternating copy and pure-CSS illustrations (chart, code, token stack).

featureszig-zagalternating
Features & Grids

Feature Tabs Showcase

Interactive feature tabs following the WAI-ARIA tabs pattern with arrow-key navigation and stat panels.

featurestabsinteractive
Features & Grids

How It Works Steps

Numbered process steps connected by a line, horizontal on desktop and vertical on mobile.

processstepshow-it-works
Features & Grids

Integrations Grid

Integrations directory with category filter chips, monogram tiles and availability badges.

integrationsfilterdirectory
Pricing & Plans

Pricing Toggle Cards

Three pricing tiers with an accessible monthly/yearly switch, savings badge and featured plan.

pricingtogglemonthly-yearly
Pricing & Plans

Pricing Single Plan

One-plan pricing with price card, struck-through original price, feature checklist and guarantee.

pricingsingle-planlifetime

Scroll-snap testimonial carousel with prev/next buttons, star ratings and no autoplay.

testimonialscarouselslider

Case-study style section with one large quote, company wordmark and headline outcome metrics.

testimonialscase-studyquote

Newsletter signup band with benefits, labelled email field, inline validation and privacy note.

ctanewsletteremail
Call to Action

CTA Split Image

Split conversion banner with copy and CTAs beside a gradient-mesh visual with floating stat chips.

ctasplitbanner
Stats & Metrics

Stats Counter Band

Headline numbers that count up on scroll, with real values in the HTML for no-JS and screen readers.

statscounternumbers

Complete analytics section with KPI tiles, stacked area chart and ranked bar chart.

statsdashboardcharts
Team & People

Careers Openings

Job listings grouped by department with location, type and remote badges plus a perks strip.

careersjobshiring
FAQ & Help

FAQ Two Column

Two-column FAQ with sticky intro and native exclusive <details> accordions that work without JS.

faqaccordiondetails
Contact & Support

Contact Split Map

Contact channels and office addresses beside a stylised SVG dot-map with animated location pins.

contactmapoffices
Logos & Partners

Logo Wall Grid

Static customer logo wall with hairline dividers; text wordmarks by default or real logo images.

logoscustomerssocial-proof
Blog & Content

Blog Grid Section

Latest articles with a featured post and a grid of cards, gradient covers, categories and read time.

blogarticlesposts
Blog & Content

Changelog Section

Release-notes timeline with version tags, dates and new/improved/fixed entries labelled by text and icon.

changelogreleasestimeline

Editorial store header: announcement line, centred wordmark, mega menu with feature tile, theme toggle and live bag count.

headernavbarmega-menu

Magazine-style shop hero with oversized serif headline, italic accent word, issue meta, feature image with caption and a running ticker.

heroecommerceeditorial

Scroll-snapping product carousel of minimal product cards with numbering, prev/next buttons and a progress line.

carouselproductsecommerce
E-commerce

Shop Lookbook

"Shop the look" image with numbered hotspots that open product cards with add-to-bag, mirrored by an accessible product list.

lookbookhotspotsecommerce

Brand promise band: oversized italic marquee followed by numbered value columns.

marqueevaluesecommerce

Large serif customer quotes, one at a time, with product context, numbered pager and overall score.

reviewstestimonialsecommerce

Oversized editorial sign-up with underline email field, consent note and inline validation.

newsletterformecommerce

Catalogue header with breadcrumb, oversized category title and count, intro, sub-category links and an image strip.

categoryheaderecommerce