retro-ui

RetroUI: Neo-Brutalist React Components with TailwindCSS

RetroUI is a distinctive React UI library powered by TailwindCSS, crafted for developers aiming to build web applications with a unique, modern aesthetic rooted in neo-brutalism. It provides a collection of components that integrate smoothly, especially beneficial for projects utilizing Shadcn/ui. The library focuses on delivering easily customizable, copy-paste ready elements with TypeScript support, enabling rapid development of standout designs for both Server-Side Rendering (SSR) and Single Page Application (SPA) architectures.

Features:

• Button Component: Provides various button styles including Primary and Outline.
• Badge Component: Offers badge variations like Default, Outlined, Solid, and Surface.
• Avatar Component: For displaying user avatars or initials.
• Accordion Component: Allows for creating collapsible content sections.
• Input & Textarea Components: Standard elements for text-based user input.
• Alert Component: For displaying important notifications and messages to users.
• Copy-Paste Ready: Components are designed for straightforward copy-paste integration.
• Tailwind CSS Based: Enables deep customization using Tailwind CSS utility classes.
• Type Safe: Includes TypeScript support across all components for improved reliability.
• SSR & SPA Compatibility: Functions effectively in both Server-Side Rendered and Single Page Applications.
• Shadcn/ui Integration: Seamlessly addable to Shadcn/ui projects (e.g., using 'npx shadcn add "retroui.dev/r/button.json"').
• Utilizes TailwindCSS v4: Built with the latest version of the TailwindCSS framework.
• Open-Source Core: The core RetroUI library is freely available and open-source.

Summary:

RetroUI equips developers with a React component library characterized by its neo-brutalist design language and TailwindCSS foundation. It offers a suite of customizable UI elements such as buttons, badges, and accordions, designed to facilitate the creation of unique and contemporary web applications. With TypeScript support, compatibility with Shadcn/ui, and an open-source core, RetroUI streamlines development while enabling distinctive user interfaces for diverse project needs.