UI

Neobrutalism Card (neobrutalism.dev)

Open in

Color Variants

Blue Card

Default blue variant

This card has hover and active states.

Pink Card

Pink variant

A pink version with hover states.

Green Card

Green variant

A green version with hover states.

Yellow Card

Yellow variant

A yellow version with hover states.

Purple Card

Purple variant

A purple version with hover states.

Gray Card

Gray variant

A gray version with hover states.

Orange Card

Orange variant

A vibrant orange version with hover states.

Red Card

Red variant

A soft red version with hover states.

Mint Card

Mint variant

A fresh mint version with hover states.

Cream Card

Cream variant

A subtle cream version with hover states.

Border Width Variants

Thin Border

1px border width

A card with thin border styling.

Medium Border

2px border width (default)

A card with medium border styling.

Thick Border

4px border width

A card with thick border styling.

Complete Example

Create project

Deploy your new project in one-click.