Browse components

FeatureCard

Card for marketing and overview sections, composed from snippets.

atoms

Live example

Default usage you can copy and adapt.

Simple feature card with title and description

Lightning fast loading times with optimised code.

End-to-end encryption and security best practices.

Intuitive interface designed for productivity.

Pass a Lucide icon component directly via the icon prop

Lightning fast loading times with optimised code.

End-to-end encryption and security best practices.

Intuitive interface designed for productivity.

The props you are most likely to need, with types and defaults.

Props / API
Name	Type	Required	Default	Description
title	string	Yes	—	Feature title (kept short — one line).
description	string	No	—	Supporting copy. Optional.
icon	Component<{ size?: number; class?: string }>	No	—	Icon component rendered in the top slot. Pass a Lucide icon directly, e.g. icon={ShieldCheck}.
children	Snippet	No	—	Optional footer content, e.g. a learn-more link or CTA.
class	string	No	—	Extra classes forwarded to the root element.