Skip to content

Repository files navigation

Great UI Banner

Great UI

Craft Premium React Interfaces with Absolute Speed

Beautiful, accessible, and high-performance React components built with Tailwind CSS. Copy, paste, and build premium interfaces instantly.

Next.js React Tailwind CSS TypeScript Motion shadcn registry License

Introduction

Great UI is a collection of beautiful, accessible, and high-performance React components built with Tailwind CSS. Just copy the code, paste it into your project, and build premium interfaces instantly.

Why Great UI?

  • Copy & Paste - Not a dependency. You own the code.
  • Interactive - Smooth animations, custom dark mode transitions, and sleek designs.
  • Customizable - Built with Tailwind CSS v4. Easy to modify.
  • Accessible - WAI-ARIA compliant components.
  • Dark Mode - All components support light and dark modes with high-contrast variants.
  • TypeScript - Fully typed for the best developer experience.

Development

Setup

# Clone the repository
git clone https://github.com/Saurabh-2607/GreatUI.git
cd GreatUI

# Install dependencies
npm install

# Start development server
npm run dev

Project Structure

GreatUI/
├── app/                 # Next.js Application Route Layouts & Pages
├── components/          # Reusable UI component modules
├── lib/                 # Component registry metadata registry
└── public/              # Static logo assets & public files

Available Scripts

Command Description
npm run dev Start local development server
npm run build Build the Next.js application
npm run lint Run ESLint syntax check
npm run format Format code with Prettier

Contributing

We welcome contributions! Whether it's:

  • Reporting a bug
  • Submitting a fix
  • Proposing new features
  • Creating new components

How to Contribute

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-component)
  3. Commit your changes (git commit -m 'Add amazing component')
  4. Push to the branch (git push origin feature/amazing-component)
  5. Open a Pull Request

Component Guidelines

When creating new components:

  • Use TypeScript with proper type definitions
  • Support both light and dark modes
  • Include comprehensive props with sensible defaults
  • Follow existing code styles and patterns

Tech Stack

License

MIT License - feel free to use these components in personal and commercial projects.


Made with care by Saurabh

About

Beautiful, animated React components built with TypeScript, Tailwind CSS, and Motion.

Topics

Resources

Stars

193 stars

Watchers

2 watching

Forks

Contributors

Languages