Bento Grid
A bento section in boxes of 1, 2 or 4 cells that pack without holes: pictures, figures that roll in, small screens that play once, one ink box at most. Boxes open in reading order; --ruled turns them into a board.
View codeThe library
Feature sections
8 feature sections in plain HTML, CSS and JS: a grid, a bento, a list of services with prices, an accordion that swaps the picture. Where the page says what the thing does, without the confetti.
Bento Scroll
A bento section that opens on its main picture, full screen, title on it. On scroll the picture goes back into its box and the others rise around it. It rewinds.
View code
Feature Accordion
A product tour: the features in a list beside one screen, each visual opening from the top over the last. It moves on by itself and holds on hover or a pick; --tabs puts the features above one wide visual.
View code
Feature Compare
Without and with on one grid, each line level with its answer, yours on a card of ink. A phone switch rolls the lines over. --table: columns, yours in an ink pill.
View code
Feature Grid
Features in 3 or 4 columns on hairlines that never double up or hang loose, at any width. A linked cell is a link as a whole, its arrow passing through. Cells rise row by row; --cards sets them apart.
View code
Feature List
Everything a product includes, in groups set out in columns: a tick, a label and a Pro or Soon tag. Each group shows its first lines, one button unfolds them all at their real height.
View code
Screen Callouts
A picture and its numbered features, each with its zone in %. Picking one veils the rest, the cut-out glides from zone to zone and the picture leans in.
View code
Service List
An agency's services as large numbered rows on hairlines. A row opens to two lines, its deliverables, a starting price and a lead time, and a link. Native details underneath, one row open at a time.
View codeNothing here, but hey, clean page.
Try another word, or one of these:
Missing a component? Request it