shadcn blocks — Midnight Lite | registry.directory

M

Midnight Lite/blocks

Midnight call to actionmidnight-ctaA closing call to action with a large serif title, an accent word and one button under a field of stars.

Midnight product tilesmidnight-featuresA product section built from interface fragments instead of icons: a research list, a sentence with numbered sources in tooltips, and three facts shown as a schedule, a switch and language codes.

Midnight footermidnight-footerA footer with a short description, link columns that fold on phones, and the product name set large and fading out.

Midnight headermidnight-headerA header that is open at the top of the page and turns into a glass bar on scroll, with a wordmark, section links that follow the section you read, and one button.

Midnight heromidnight-heroA dark hero with a serif display title and a gold accent line, a lead and two buttons over a star field and a guilloche rosette, set from the left on phones.

Midnight call to actionmidnight-ctaA closing call to action with a large serif title, an accent word and one button under a field of stars.

Midnight product tilesmidnight-featuresA product section built from interface fragments instead of icons: a research list, a sentence with numbered sources in tooltips, and three facts shown as a schedule, a switch and language codes.

Midnight footermidnight-footerA footer with a short description, link columns that fold on phones, and the product name set large and fading out.

Midnight headermidnight-headerA header that is open at the top of the page and turns into a glass bar on scroll, with a wordmark, section links that follow the section you read, and one button.

Midnight heromidnight-heroA dark hero with a serif display title and a gold accent line, a lead and two buttons over a star field and a guilloche rosette, set from the left on phones.

Select a component to view its code

Click on any item in the sidebar to get started

Select a component to view its information