# [23rd](<https://23rd.dev/>)

[23rd.dev](<https://23rd.dev/>)

An opinionated shadcn registry of UI components for React and Svelte 5.

[UI & UX Design](<https://creatorstoolbox.com/communities/ui-ux>)[Development](<https://creatorstoolbox.com/communities/development>)

Media 1 of 2

## About 23rd

23rd is a free shadcn/ui registry of opinionated components for React and Svelte 5. It includes backgrounds, shaders, footers, pages, and interactive elements. Install only the pieces you need through the shadcn CLI and edit their source directly in your project.

Pricing model: Free

## Features

- Free shadcn registry

- React and Svelte 5 components

- Install individual components with the CLI

- Editable source code

- Backgrounds, footers, and interactive UI

## Similar products

- [![useLayouts](<https://www.google.com/s2/favicons?domain=uselayouts.com&sz=128>)

useLayoutsuselayouts.com

Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.](<https://creatorstoolbox.com/products/uselayouts>)

- [![Arc UI](<https://www.google.com/s2/favicons?domain=uiarc.dev&sz=128>)

Arc UIuiarc.dev

Motion-rich React components and complete UI blocks for shadcn and Next.js, with live examples and AI-readable docs.](<https://creatorstoolbox.com/products/arc-ui>)

- [![HeroUI](<https://www.google.com/s2/favicons?domain=heroui.com&sz=128>)

HeroUIheroui.com

Beautiful, accessible React UI components built on React Aria and Tailwind CSS v4 — the modern alternative to MUI, Chakra UI, and shadcn/ui.](<https://creatorstoolbox.com/products/heroui>)

- [![BoardUI](<https://www.google.com/s2/favicons?domain=boardui.com&sz=128>)

BoardUIboardui.com

React design system for building agentic products and data-rich dashboards, with reusable components, charts, and Figma-designed tokens.](<https://creatorstoolbox.com/products/boardui>)

- [![Bencho](<https://www.google.com/s2/favicons?domain=bencho.dev&sz=128>)

Benchobencho.dev

Interactive React UI components and micro-interactions you can explore, tweak, and use in your projects.](<https://creatorstoolbox.com/products/bencho>)

- [![Loading.dev](<https://loading.dev/favicon.ico>)

Loading.devloading.dev

A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.](<https://creatorstoolbox.com/products/loading-dev>)

---
Canonical source: https://creatorstoolbox.com/products/23rd