OILET

21 Marketing Block Families

They ship with every edition and read the same tokens as the admin, so a landing page and the dashboard it sells look like one product.

Free · MIT licensed, forever

Opening a Page

The first screen a visitor sees, and the proof that follows it.

  • Hero

    Headline, lead, actions and an application mock.

  • Proof

    Counted figures, never claimed ones.

  • Marquee

    A moving strip of logos or names, paused on hover.

Making the Argument

The middle of a landing page, where the reasons go.

  • Features

    Cards, rows and numbered arguments.

  • Content

    Prose, media and split sections.

  • Media

    Screens, galleries and responsive frames.

  • Bars

    Comparison and progress bars, drawn in CSS.

  • Section header

    Eyebrow, heading and lead, measured.

Selling

Prices, plans and the questions a buyer asks before paying.

  • Pricing

    Offer cards and a comparison table.

  • Pricing calculator

    Interactive, for models with a variable.

  • Marketplace

    Product grids and framework marks.

  • FAQ

    Accordion, and the structured data with it.

  • Call to action

    The closing band, in three weights.

Reading

Documentation, articles and the pieces they are made of.

  • Article

    Headings, figures, callouts and tags.

  • Code

    Highlighted samples with a copy control.

  • Discovery

    Search, filters and result lists.

  • Live preview

    An embedded, resizable demo frame.

Around the Page

The chrome every page carries.

  • Site header

    Navigation, actions and a mobile drawer.

  • Site footer

    Columns, legal links and the brand.

  • Forms

    Contact, waitlist and newsletter, validated.

  • Section

    The rhythm every other block sits in.

These Are Not Sold Separately

Every block above ships inside each edition. There is no separate licence and no separate price, which is why this page has neither.

Log in or sign up

Save what you configure, pick it up on another device, and download what you buy.

or

Accounts are not switched on yet. This is the design ahead of the backend.