---
name: "@solaceui"
slug: "solaceui"
description: "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."
category: "Blocks & sections (marketing/SaaS)"
tags: ["accessibility", "aesthetic", "animation", "auth", "blocks", "cards", "marketing", "media", "navigation", "saas"]
framework: "react"
license: null
author: null
website: "https://www.solaceui.com"
github: "N/A"
registry: "https://www.solaceui.com/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 39
generated_at: "2026-07-28T08:00:50.948Z"
---

# @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.

## Links

- Website: https://www.solaceui.com
- GitHub: N/A
- Registry JSON: https://www.solaceui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/solaceui
- This file: https://sh4dcn.vercel.app/md/solaceui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://www.solaceui.com/r/registry.json
pnpm dlx shadcn@latest add https://www.solaceui.com/r/registry.json
bunx shadcn@latest add https://www.solaceui.com/r/registry.json
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://www.solaceui.com/r/registry.json
```

## Components (39)

| name | type | description | install |
| --- | --- | --- | --- |
| bento-grid-1 | registry:block | Solace UI bento grid block variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/bento-grid-1.json` |
| bento-grid-2 | registry:block | Solace UI bento grid block variation 2. | `npx shadcn@latest add https://www.solaceui.com/r/bento-grid-2.json` |
| bento-grid-3 | registry:block | Solace UI bento grid block variation 3. | `npx shadcn@latest add https://www.solaceui.com/r/bento-grid-3.json` |
| bento-grid-4 | registry:block | Solace UI bento grid block variation 4. | `npx shadcn@latest add https://www.solaceui.com/r/bento-grid-4.json` |
| auth-section-1 | registry:block | Solace UI auth section block variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/auth-section-1.json` |
| auth-section-2 | registry:block | Solace UI auth section block variation 2. | `npx shadcn@latest add https://www.solaceui.com/r/auth-section-2.json` |
| auth-section-3 | registry:block | Solace UI auth section block variation 3. | `npx shadcn@latest add https://www.solaceui.com/r/auth-section-3.json` |
| team-section-1 | registry:block | Solace UI team section block variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/team-section-1.json` |
| team-section-2 | registry:block | Solace UI team section block variation 2. | `npx shadcn@latest add https://www.solaceui.com/r/team-section-2.json` |
| team-section-3 | registry:block | Solace UI team section block variation 3. | `npx shadcn@latest add https://www.solaceui.com/r/team-section-3.json` |
| team-section-4 | registry:block | Solace UI team section block variation 4. | `npx shadcn@latest add https://www.solaceui.com/r/team-section-4.json` |
| team-section-5 | registry:block | Solace UI team section block variation 5. | `npx shadcn@latest add https://www.solaceui.com/r/team-section-5.json` |
| team-section-6 | registry:block | Solace UI team section block variation 6. | `npx shadcn@latest add https://www.solaceui.com/r/team-section-6.json` |
| team-section-7 | registry:block | Solace UI team section block variation 7. | `npx shadcn@latest add https://www.solaceui.com/r/team-section-7.json` |
| testimonial-section-1 | registry:block | Solace UI testimonial section block variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-1.json` |
| testimonial-section-2 | registry:block | Solace UI testimonial section block variation 2. | `npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-2.json` |
| testimonial-section-3 | registry:block | Solace UI testimonial section block variation 3. | `npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-3.json` |
| testimonial-section-4 | registry:block | Solace UI testimonial section block variation 4. | `npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-4.json` |
| footer-section-1 | registry:block | Solace UI footer section block variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/footer-section-1.json` |
| footer-section-2 | registry:block | Solace UI footer section block variation 2. | `npx shadcn@latest add https://www.solaceui.com/r/footer-section-2.json` |
| footer-section-3 | registry:block | Solace UI footer section block variation 3. | `npx shadcn@latest add https://www.solaceui.com/r/footer-section-3.json` |
| footer-section-4 | registry:block | Solace UI footer section block variation 4. | `npx shadcn@latest add https://www.solaceui.com/r/footer-section-4.json` |
| footer-section-5 | registry:block | Solace UI footer section block variation 5. | `npx shadcn@latest add https://www.solaceui.com/r/footer-section-5.json` |
| footer-section-6 | registry:block | Solace UI footer section block variation 6. | `npx shadcn@latest add https://www.solaceui.com/r/footer-section-6.json` |
| hero-section-1 | registry:block | Solace UI hero section block variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/hero-section-1.json` |
| hero-section-2 | registry:block | Solace UI hero section block variation 2. | `npx shadcn@latest add https://www.solaceui.com/r/hero-section-2.json` |
| hero-section-3 | registry:block | Solace UI hero section block variation 3. | `npx shadcn@latest add https://www.solaceui.com/r/hero-section-3.json` |
| hero-section-4 | registry:block | Solace UI hero section block variation 4. | `npx shadcn@latest add https://www.solaceui.com/r/hero-section-4.json` |
| hero-section-5 | registry:block | Solace UI hero section block variation 5. | `npx shadcn@latest add https://www.solaceui.com/r/hero-section-5.json` |
| hero-section-6 | registry:block | Solace UI hero section block variation 6. | `npx shadcn@latest add https://www.solaceui.com/r/hero-section-6.json` |
| hero-section-7 | registry:block | Solace UI hero section block variation 7. | `npx shadcn@latest add https://www.solaceui.com/r/hero-section-7.json` |
| hero-section-8 | registry:block | Solace UI hero section block variation 8. | `npx shadcn@latest add https://www.solaceui.com/r/hero-section-8.json` |
| chat-messages-1 | registry:component | Solace UI chat messages component variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/chat-messages-1.json` |
| chat-messages-2 | registry:component | Solace UI chat messages component variation 2. | `npx shadcn@latest add https://www.solaceui.com/r/chat-messages-2.json` |
| hero-video-1 | registry:component | Solace UI hero video component variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/hero-video-1.json` |
| hero-video-2 | registry:component | Solace UI hero video component variation 2. | `npx shadcn@latest add https://www.solaceui.com/r/hero-video-2.json` |
| phone-mockups-1 | registry:component | Solace UI phone mockups component variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/phone-mockups-1.json` |
| navbar-section-1 | registry:block | Solace UI navbar section block variation 1. | `npx shadcn@latest add https://www.solaceui.com/r/navbar-section-1.json` |
| navbar-section-2 | registry:block | Solace UI navbar section block variation 2 (xAI inspired). | `npx shadcn@latest add https://www.solaceui.com/r/navbar-section-2.json` |

## For AI agents

```text
You are adding components from @solaceui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/solaceui.md) for the component list.
2. Fetch the machine-readable index: https://www.solaceui.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: solaceui).
```