For marketing websites
The front of every great website
Facade UI gives you the sections a marketing website needs: heroes, feature grids, pricing tables, FAQs and footers, plus full page templates. You install each one with the shadcn CLI, which copies its source code into your project.
pnpm dlx shadcn@latest add @facade/hero-splitWhy
What you get
Everything is free and open source. There is no paid version.
Complete sections
Each section is a full part of a page, such as a hero or a pricing table. You pass in your content as typed data.
Accessibility is tested
Every section is tested against WCAG 2.2 AA. Colour contrast is checked on every change, and each section is scanned with axe in light and dark mode.
Uses your theme
Sections use the same colour names as shadcn/ui. If your project already has a shadcn theme, the sections use it without changes.
Animation is optional
Every section works without animation. To add it, install the motion version. It follows the reduced-motion setting on the reader's device.
Stack
Built on
Sections are React 19 server components by default. Interactive parts, such as menus and accordions, use Base UI.
- 19, server components
- React
- 1.x, stable
- Base UI
- v4
- Tailwind
- optional
- Motion