Introduction

Redpanda UI is a set of React components built with Tailwind CSS, and Motion, designed to create fluid and engaging user interfaces. Inspired by shadcn/ui and Magic UI, Redpanda UI aims to complement these projects by offering a broad range of animated components that are easy to integrate and extend. It contains references to other custom registries such as Animate UI.

Our goal is to continuously grow this collection so that React developers can quickly assemble modern, dynamic interfaces for their applications.

Get Started

Not a Standard Library, but a Distribution of Components

In the same spirit as shadcn/ui, Redpanda UI is not a typical “install-from-NPM” library. Instead, we provide a distribution of open-source components that you can copy, modify, and customize according to your needs. This “open code” approach grants you maximum flexibility without having to rely on complex workarounds for styling or business logic adjustments.

How is this different from the old component library Redpanda has?

1. Works well with LLMs: By offering direct access to the source code, LLM can edit each component at its core to fit your unique design system and requirements.

2. Complementary to Magic UI, Animate UI and shadcn/ui: Redpanda UI is designed to complement Magic UI, Animate UI and shadcn/ui by offering a broad range of animated components that are easy to integrate and extend.

3. Built with Tailwind CSS and Motion: Redpanda UI is built with Tailwind CSS and Motion, so you can easily integrate it with your existing projects.

4. Easy to change theme: Tweakcn or their derivatives can also be used to modify the theme of Redpanda UI easily.

5. No longer tied to legacy tech stack: Redpanda UI does not use CSS-in-JS solutions like Chakra, which leads to a decreased bundle size, easier maintenance and simpler integration with AI overall.

6. Plug and play with other directories: The entire ecosystem around Tailwind/Shadcn enables building on top of existing components, such as ShadcnBlocks, AceternityUI, Shadcn Form, 21st.dev, Enhanced button, Modals, Drawers

7. Safe to use for private repositories: Fully compatible with Zeta authentication solutions, if we choose to do so in the future.

8. Figma design system as source of truth: A lot of Figma docs available, such as UIPub or SilkHQ.