Three-column features
Centered introduction and three icon-led features with short descriptions.
CK-UI components
npm packages
npm install @radix-ui/react-slot react-iconsAll blocks
Features blocks
Ways to explain what a product does: grids, alternating rows, bento layouts and lists.
5 variants. Every block is one file built from CK-UI components and works in light and dark mode.
Feature grid with introduction
An introduction with a link beside a two-column grid of six features, marked up as a description list.
Alternating feature rows
Three feature rows that alternate copy and an illustration, each with supporting points.
CK-UI components
None, plain markup only.
npm packages
npm install react-iconsBento features
A bento grid of feature cards in different sizes, each with a small decorative visual.
CK-UI components
None, plain markup only.
npm packages
npm install react-iconsCompact feature list
Heading and action beside a two-column checklist of capabilities.
CK-UI components
npm packages
npm install @radix-ui/react-slot class-variance-authority react-icons