Footer blocks

Site footers from a single row of links to multi-column and newsletter footers.

4 variants. Every block is one file built from CK-UI components and works in light and dark mode.

Simple footer

Logo, one row of links and named social icons, with a copyright line.

None, plain markup only.

npm install react-icons

Brand and description beside four labelled link columns, with copyright and social links below.

None, plain markup only.

npm install react-icons

A developer product footer with a status link, link groups, version and legal links.

None, plain markup only.

npm install react-icons

A newsletter sign-up beside link columns, with copyright and social links below.

Also copy the files they import: Label.

npm install @radix-ui/react-label @radix-ui/react-slot class-variance-authority react-icons