---
name: "@hexui"
slug: "hexui"
description: "A shadcn/ui registry of high-quality React blocks and templates."
category: "Animated components"
tags: ["animation", "auth", "blocks", "buttons", "dashboard", "marketing", "overlays"]
framework: "react"
license: null
author: "ri0n-dev"
website: "https://hexui.sh"
github: "https://github.com/ri0n-dev/hex-ui"
registry: "https://hexui.sh/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 34
generated_at: "2026-07-28T08:59:05.895Z"
---

# @hexui

A shadcn/ui registry of high-quality React blocks and templates.

## Links

- Website: https://hexui.sh
- GitHub: https://github.com/ri0n-dev/hex-ui
- Registry JSON: https://hexui.sh/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/hexui
- This file: https://sh4dcn.vercel.app/md/hexui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://hexui.sh/r/registry.json
pnpm dlx shadcn@latest add https://hexui.sh/r/registry.json
bunx shadcn@latest add https://hexui.sh/r/registry.json
# clone the source repo
git clone https://github.com/ri0n-dev/hex-ui.git
# fetch the raw registry index
curl -s https://hexui.sh/r/registry.json
```

## Components (34)

| name | type | description | install |
| --- | --- | --- | --- |
| banner-1 | registry:block | A dismissible announcement bar | `npx shadcn@latest add https://hexui.sh/r/banner-1.json` |
| banner-2 | registry:block | A full-width dismissible announcement bar | `npx shadcn@latest add https://hexui.sh/r/banner-2.json` |
| cta-1 | registry:block | A simple full-width CTA section | `npx shadcn@latest add https://hexui.sh/r/cta-1.json` |
| cta-2 | registry:block | A simple CTA section with spacious padding | `npx shadcn@latest add https://hexui.sh/r/cta-2.json` |
| cta-3 | registry:block | A CTA section designed to showcase mobile product mockups | `npx shadcn@latest add https://hexui.sh/r/cta-3.json` |
| cta-4 | registry:block | A split CTA section built to display large amounts of information | `npx shadcn@latest add https://hexui.sh/r/cta-4.json` |
| faq-1 | registry:block | A simple and professional FAQ section with collapsible questions and answers | `npx shadcn@latest add https://hexui.sh/r/faq-1.json` |
| faq-2 | registry:block | A simple and professional FAQ section with categorized collapsible questions and answers | `npx shadcn@latest add https://hexui.sh/r/faq-2.json` |
| faq-3 | registry:block | A simple FAQ section arranged in a clean grid layout | `npx shadcn@latest add https://hexui.sh/r/faq-3.json` |
| faq-4 | registry:block | A simple FAQ section with icons arranged in a clean grid layout | `npx shadcn@latest add https://hexui.sh/r/faq-4.json` |
| footer-1 | registry:block | A simple, professional footer that includes a subscription form | `npx shadcn@latest add https://hexui.sh/r/footer-1.json` |
| footer-2 | registry:block | A simple footer with social media buttons and language switching | `npx shadcn@latest add https://hexui.sh/r/footer-2.json` |
| footer-3 | registry:block | Footer for organizations that place typography at the bottom | `npx shadcn@latest add https://hexui.sh/r/footer-3.json` |
| footer-4 | registry:block | A simple footer for portfolios with a signature | `npx shadcn@latest add https://hexui.sh/r/footer-4.json` |
| footer-5 | registry:block | A footer with interactive text that responds to pointer movement | `npx shadcn@latest add https://hexui.sh/r/footer-5.json` |
| hero-1 | registry:block | A simple and versatile hero section | `npx shadcn@latest add https://hexui.sh/r/hero-1.json` |
| hero-2 | registry:block | A hero section designed to showcase media content | `npx shadcn@latest add https://hexui.sh/r/hero-2.json` |
| hero-3 | registry:block | A simple horizontally aligned hero section | `npx shadcn@latest add https://hexui.sh/r/hero-3.json` |
| hero-4 | registry:block | A hero section with bold visuals that emphasize brand presence | `npx shadcn@latest add https://hexui.sh/r/hero-4.json` |
| hero-5 | registry:block | A hero section with a large background image and centered content to present a brand or product with impact | `npx shadcn@latest add https://hexui.sh/r/hero-5.json` |
| login-1 | registry:block | A simple login form | `npx shadcn@latest add https://hexui.sh/r/login-1.json` |
| login-2 | registry:block | A login form with social sign-in options below the credentials | `npx shadcn@latest add https://hexui.sh/r/login-2.json` |
| login-3 | registry:block | A login form with a customizable side background | `npx shadcn@latest add https://hexui.sh/r/login-3.json` |
| login-4 | registry:block | A login form with a customizable side background and a testimonial panel | `npx shadcn@latest add https://hexui.sh/r/login-4.json` |
| sidebar-1 | registry:block | A sidebar for a note-taking application. | `npx shadcn@latest add https://hexui.sh/r/sidebar-1.json` |
| sidebar-2 | registry:block | A sidebar built for developer app dashboards | `npx shadcn@latest add https://hexui.sh/r/sidebar-2.json` |
| sidebar-3 | registry:block | A sidebar designed for AI applications | `npx shadcn@latest add https://hexui.sh/r/sidebar-3.json` |
| social-proof-companies-1 | registry:block | A social proof section that displays brand logos in a grid layout | `npx shadcn@latest add https://hexui.sh/r/social-proof-companies-1.json` |
| social-proof-companies-2 | registry:block | A social proof section with animated brand logos arranged in a grid layout | `npx shadcn@latest add https://hexui.sh/r/social-proof-companies-2.json` |
| social-proof-companies-3 | registry:block | A social proof section with brand logos arranged in a grid layout and hover interactions that guide user attention | `npx shadcn@latest add https://hexui.sh/r/social-proof-companies-3.json` |
| social-proof-companies-4 | registry:block | A social proof section that showcases brand logos in a marquee layout | `npx shadcn@latest add https://hexui.sh/r/social-proof-companies-4.json` |
| social-proof-testimonials-1 | registry:block | A social proof section with expert testimonial cards arranged in a grid layout | `npx shadcn@latest add https://hexui.sh/r/social-proof-testimonials-1.json` |
| social-proof-testimonials-2 | registry:block | A social proof section that displays expert testimonial cards in a marquee layout | `npx shadcn@latest add https://hexui.sh/r/social-proof-testimonials-2.json` |
| marquee | registry:ui | A marquee component that infinitely scrolls content in a horizontal or vertical direction. | `npx shadcn@latest add https://hexui.sh/r/marquee.json` |

## For AI agents

```text
You are adding components from @hexui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/hexui.md) for the component list.
2. Fetch the machine-readable index: https://hexui.sh/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: hexui).
```