PromptsCSS
Exploration

Components

AllCardsNavigationOverlay

Filter by tag (one at a time).

Hover lift card
FreeCards

Hover lift card

Lift a card slightly on hover.

Interactive card
Only on Desktop
FreeCards

Interactive card

Create an interactive card with hover feedback.

Animated menu
Section
Latest demos

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Section
New features

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Section
Guides

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Section
Resources

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Demo
Navigation
FreeNavigation

Animated menu

Create an animated navigation menu.

Modal

Modal overlay

Open the modal, then close it with Esc or by clicking on the backdrop.

Background content (remains frozen when the modal is open).
FreeOverlay

Modal

Create a modal overlay.

Locked prompt
Navigation / Sticky
Active section: intro
Live
Section 01

Intro

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Item
Intro block 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Intro block 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Intro block 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Intro block 4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Section 02

Principles

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Item
Principles block 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Principles block 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Principles block 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Principles block 4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Section 03

Examples

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Item
Examples block 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Examples block 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Examples block 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Examples block 4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Section 04

Details

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Item
Details block 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Details block 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Details block 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Details block 4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Section 05

Wrap-up

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Item
Wrap-up block 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Wrap-up block 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Wrap-up block 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Item
Wrap-up block 4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

PremiumNavigation

Locked prompt

Lifetime access – $19.99

Locked prompt

Off-canvas drawer

Open the drawer, then close it with Esc or by clicking on the overlay.

Background content (not scrollable during opening).
PremiumOverlay

Locked prompt

Lifetime access – $19.99

Components | Prompts CSS