https://github.com/seed-blocks/recastui

Recastui - Simple, Accessible & Whitelabel UI Components & Design System for your Applications ⚡
https://github.com/seed-blocks/recastui

astro automatic-dark-mode component-library design-system react react-component-library solidjs svelte tailwindcss theming ui-components white-label whitelabel

Last synced: 4 days ago
JSON representation

Recastui - Simple, Accessible & Whitelabel UI Components & Design System for your Applications ⚡

• Host: GitHub
• URL: https://github.com/seed-blocks/recastui
• Owner: seed-blocks
• License: mit
• Created: 2022-09-09T10:00:38.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-16T19:13:14.000Z (12 months ago)
• Last Synced: 2024-10-17T14:12:29.897Z (19 days ago)
• Topics: astro, automatic-dark-mode, component-library, design-system, react, react-component-library, solidjs, svelte, tailwindcss, theming, ui-components, white-label, whitelabel
• Language: TypeScript
• Homepage: https://recastui.com
• Size: 2.11 MB
• Stars: 18
• Watchers: 1
• Forks: 1
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Roadmap: ROADMAP.md

Awesome Lists containing this project

README

        


  

    

  



Build Simple, Accessible & White-label Websites & Apps fast! ⚡





Recast UI provides a set of accessible, themeable, reusable, and composable React + Tailwind

components that make it super easy to create performant white-label websites and apps.

## Roadmap & progress

Current project Roadmap and progress can be found on the [ROADMAP](https://github.com/seed-blocks/recastui/blob/main/ROADMAP.md) or the [Recastui Project Boards](https://github.com/orgs/seed-blocks/projects/4/views/4)

## ⚠️ WARNING ⚠️

RecastUI is in under heavy development, focus will be on the next major version (`v1.0`).

This project is not ready **YET** for production, use at your own risk.

### For updates - Follow us on [Twitter](https://twitter.com/recastui) Also please feel free to give us a star, it keeps us motivated.🙂

## Why use Recast UI ?

- **Ready to go**: Start your project with over 40+ well designed React(currently, Solid, Svelte to come in future) Tailwind components.

- **Automatic Dark Mode**: No need to write `dark:...` classes in your code. No conditional logic required. Recast uses [Radix-color](https://www.radix-ui.com/colors) pallets to automatically create dark variants equivalent for the used color pallet. All components are built with dark mode in mind.

- **Composable**: Compose your UI with reusable building blocks.

- **Accessible**: Recast UI follows WAI-ARIA standards, helping you to reach the largest audience possible with less effort.

- **Themeable**: Use Recast UI's design system or customize it using the theming features focusing on building white-label websites and app products. All components are built with theming in mind using [CVA](https://github.com/joe-bell/cva).

- **Typescript**: All components are typed and focus on improving DX.

## Documentation

For full documentation, visit [recastui.com](https://recastui.com)

## Acknowledgment

This project is inspired by :

- [Theme-UI](https://theme-ui.com/)

- [Mantine](https://mantine.dev/)

## License

Licensed under the [MIT license](https://github.com/seed-blocks/recastui/blob/main/LICENSE).