@solaceui

A curated set of production-ready marketing sections, animated components, and full-page templates for Next.js, Tailwind CSS, and Motion. Sections include Hero, Testimonials, Bento Grids, Team, Footers, Phone Carousel, Chat Messages, and Hero Video. One-click CLI install per block using the @solaceui namespace. TypeScript-based, responsive, and accessible. Free to use; templates available. Building in public by @harshitlog. Use for: quickly assembling tasteful, animated marketing pages for SaaS products or landing pages where visual polish and Motion-powered transitions are priorities.

39 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://www.solaceui.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://www.solaceui.com/r/registry.json

bun bunx shadcn@latest add https://www.solaceui.com/r/registry.json

fetch registry curl -s https://www.solaceui.com/r/registry.json

Components

39 total

Bento Grid 1 block

Solace UI bento grid block variation 1.

npx shadcn@latest add https://www.solaceui.com/r/bento-grid-1.json

Bento Grid 2 block

Solace UI bento grid block variation 2.

npx shadcn@latest add https://www.solaceui.com/r/bento-grid-2.json

Bento Grid 3 block

Solace UI bento grid block variation 3.

npx shadcn@latest add https://www.solaceui.com/r/bento-grid-3.json

Bento Grid 4 block

Solace UI bento grid block variation 4.

npx shadcn@latest add https://www.solaceui.com/r/bento-grid-4.json

Auth Section 1 block

Solace UI auth section block variation 1.

npx shadcn@latest add https://www.solaceui.com/r/auth-section-1.json

Auth Section 2 block

Solace UI auth section block variation 2.

npx shadcn@latest add https://www.solaceui.com/r/auth-section-2.json

Auth Section 3 block

Solace UI auth section block variation 3.

npx shadcn@latest add https://www.solaceui.com/r/auth-section-3.json

Team Section 1 block

Solace UI team section block variation 1.

npx shadcn@latest add https://www.solaceui.com/r/team-section-1.json

Team Section 2 block

Solace UI team section block variation 2.

npx shadcn@latest add https://www.solaceui.com/r/team-section-2.json

Team Section 3 block

Solace UI team section block variation 3.

npx shadcn@latest add https://www.solaceui.com/r/team-section-3.json

Team Section 4 block

Solace UI team section block variation 4.

npx shadcn@latest add https://www.solaceui.com/r/team-section-4.json

Team Section 5 block

Solace UI team section block variation 5.

npx shadcn@latest add https://www.solaceui.com/r/team-section-5.json

Team Section 6 block

Solace UI team section block variation 6.

npx shadcn@latest add https://www.solaceui.com/r/team-section-6.json

Team Section 7 block

Solace UI team section block variation 7.

npx shadcn@latest add https://www.solaceui.com/r/team-section-7.json

Testimonial Section 1 block

Solace UI testimonial section block variation 1.

npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-1.json

Testimonial Section 2 block

Solace UI testimonial section block variation 2.

npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-2.json

Testimonial Section 3 block

Solace UI testimonial section block variation 3.

npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-3.json

Testimonial Section 4 block

Solace UI testimonial section block variation 4.

npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-4.json

Footer Section 1 block

Solace UI footer section block variation 1.

npx shadcn@latest add https://www.solaceui.com/r/footer-section-1.json

Footer Section 2 block

Solace UI footer section block variation 2.

npx shadcn@latest add https://www.solaceui.com/r/footer-section-2.json

Footer Section 3 block

Solace UI footer section block variation 3.

npx shadcn@latest add https://www.solaceui.com/r/footer-section-3.json

Footer Section 4 block

Solace UI footer section block variation 4.

npx shadcn@latest add https://www.solaceui.com/r/footer-section-4.json

Footer Section 5 block

Solace UI footer section block variation 5.

npx shadcn@latest add https://www.solaceui.com/r/footer-section-5.json

Footer Section 6 block

Solace UI footer section block variation 6.

npx shadcn@latest add https://www.solaceui.com/r/footer-section-6.json

Hero Section 1 block

Solace UI hero section block variation 1.

npx shadcn@latest add https://www.solaceui.com/r/hero-section-1.json

Hero Section 2 block

Solace UI hero section block variation 2.

npx shadcn@latest add https://www.solaceui.com/r/hero-section-2.json

Hero Section 3 block

Solace UI hero section block variation 3.

npx shadcn@latest add https://www.solaceui.com/r/hero-section-3.json

Hero Section 4 block

Solace UI hero section block variation 4.

npx shadcn@latest add https://www.solaceui.com/r/hero-section-4.json

Hero Section 5 block

Solace UI hero section block variation 5.

npx shadcn@latest add https://www.solaceui.com/r/hero-section-5.json

Hero Section 6 block

Solace UI hero section block variation 6.

npx shadcn@latest add https://www.solaceui.com/r/hero-section-6.json

Hero Section 7 block

Solace UI hero section block variation 7.

npx shadcn@latest add https://www.solaceui.com/r/hero-section-7.json

Hero Section 8 block

Solace UI hero section block variation 8.

npx shadcn@latest add https://www.solaceui.com/r/hero-section-8.json

Chat Messages 1 component

Solace UI chat messages component variation 1.

npx shadcn@latest add https://www.solaceui.com/r/chat-messages-1.json

Chat Messages 2 component

Solace UI chat messages component variation 2.

npx shadcn@latest add https://www.solaceui.com/r/chat-messages-2.json

Hero Video 1 component

Solace UI hero video component variation 1.

npx shadcn@latest add https://www.solaceui.com/r/hero-video-1.json

Hero Video 2 component

Solace UI hero video component variation 2.

npx shadcn@latest add https://www.solaceui.com/r/hero-video-2.json

Phone Mockups 1 component

Solace UI phone mockups component variation 1.

npx shadcn@latest add https://www.solaceui.com/r/phone-mockups-1.json

Navbar Section 1 block

Solace UI navbar section block variation 1.

npx shadcn@latest add https://www.solaceui.com/r/navbar-section-1.json

Navbar Section 2 block

Solace UI navbar section block variation 2 (xAI inspired).

npx shadcn@latest add https://www.solaceui.com/r/navbar-section-2.json