# Solace UI

> UI blocks, components, and templates for Next.js and Tailwind CSS

Solace UI is a component and layout library built for Next.js, Tailwind CSS, and Framer Motion. It offers pre-built UI components, animated elements, and full section blocks like bento grids, hero sections, and auth blocks for marketing websites.

Website: https://solaceui.com/

## What it is for

- Assemble marketing and landing pages using pre-built section blocks
- Add animated UI components like phone carousels and hero videos to a Next.js site
- Implement structured bento grid layouts for feature showcases

## Features

- Ready-to-use section blocks including hero, bento grids, auth, team, and footers
- Animated interactive components built with Framer Motion
- Written in TypeScript with full type support
- Compatible with dark and light themes
- CLI installation support for individual sections
- Full-page marketing templates

## Pricing

Freemium. Free UI blocks and components available; specific premium tier details not listed.

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: no
- Platforms: Web, Code library
- For: React and Next.js developers building landing and marketing websites.
- Alternative to: shadcn/ui, Tailwind UI, Magic UI, Aceternity UI
- Tags: react, nextjs, tailwindcss, shadcn, framer motion, landing page, ui blocks

## Why it was saved

- [@orcdev, 23 November 2025](https://x.com/orcdev/status/1992538516023361744): Offers components plus ready-made full-page and bento-grid sections for marketing sites

## Compare

- [Alternatives to Tailwind UI](https://xiry.app/alternatives/tailwind-ui.md)
- [Alternatives to Aceternity UI](https://xiry.app/alternatives/aceternity-ui.md)
- [Alternatives to Magic UI](https://xiry.app/alternatives/magic-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/solace-ui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.