Full-width blocks that compose into pages.
Sections
Marketing, commerce, SaaS, content and application sections. Each one solves a distinct layout problem rather than restating the previous one with different padding.
Showing 21 of 109 sections — clear filters
Alternating feature rows
Copy and visual swapping sides down the page, with DOM order held constant.
MarketingintermediateFeatured3 variantsDashboard data table
A flush panel with a table that becomes labelled cards below md.
ApplicationintermediateFeatured3 variantsProduct detail split
Gallery on one side, the buying decision on the other, in sequence.
CommerceintermediateFeatured3 variantsProduct mosaic hero
Three offset panels built from live components rather than a screenshot.
MarketingintermediateFeatured3 variantsAlternating timeline
Events staggered either side of a centre rule, collapsing to one column.
Contentintermediate3 variantsAPI-first integrations
A valid request sample and an endpoint list instead of a partner wall.
SaaSintermediate3 variantsBento feature grid
Cells of unequal size where the size encodes importance.
Marketingintermediate3 variantsCompetitive comparison
A three-way comparison against approaches rather than named competitors.
SaaSintermediate3 variantsDashboard chart panel
An inline-SVG bar chart with the series also exposed as a real table.
Applicationintermediate3 variantsInline partial failure
One widget fails while the rest of the page stays intact.
Statesintermediate3 variantsMasonry testimonial wall
CSS columns that pack quotes of different lengths without gaps.
Marketingintermediate3 variantsNewsletter with topics
Topic selection, because choice reduces unsubscribes more than frequency does.
Marketingintermediate3 variantsOffline state
Subscribes to real online and offline events rather than pretending.
Statesintermediate3 variantsPricing feature matrix
The detailed plan comparison, with every cell paired with hidden text.
Commerceintermediate3 variantsPricing with billing toggle
A two-state radio group for monthly and annual, with the saving stated in money.
Commerceintermediate3 variantsRelease timeline
Versioned releases with tone-coded markers and machine-readable dates.
Contentintermediate3 variantsScrolling logo marquee
A seamless loop built from a duplicated, aria-hidden list.
Marketingintermediate3 variantsSingle-feature spotlight
One capability given the room of a whole section, with a working demonstration.
Marketingintermediate3 variantsTabbed features
Capability areas behind manual-activation tabs.
Marketingintermediate3 variantsTestimonial carousel
A manual carousel with no autoplay, announced through a live region.
Marketingintermediate3 variantsWaitlist hero
A hero whose only job is one email address, with validation and inline social proof.
Marketingintermediate3 variants