https://github.com/egeuysall/astraui
Design. Build. Empower.
https://github.com/egeuysall/astraui
astraui component design nextjs open-source project react saas shadcn-ui tailwindcss typescript webapp
Last synced: 2 months ago
JSON representation
Design. Build. Empower.
- Host: GitHub
- URL: https://github.com/egeuysall/astraui
- Owner: egeuysall
- License: apache-2.0
- Created: 2025-04-04T22:11:32.000Z (about 1 year ago)
- Default Branch: development
- Last Pushed: 2025-12-19T23:35:29.000Z (6 months ago)
- Last Synced: 2025-12-22T10:20:11.275Z (6 months ago)
- Topics: astraui, component, design, nextjs, open-source, project, react, saas, shadcn-ui, tailwindcss, typescript, webapp
- Language: TypeScript
- Homepage: https://astraui.me
- Size: 6.36 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
Design. Build. Empower.
Documentation ∙
Changelog ∙
Contributing
## Astra UI
**Astra** UI is a beautifully designed UI library for Next.js. A set of accessible, production-ready components and a seamless code distribution platform. Open source. Open code. Ready to power your next idea.
### Features
- **Accessible Components**: All UI elements follow WCAG guidelines ensuring your applications are accessible to everyone.
- **Production-Ready**: Thoroughly tested components that are ready for immediate use in production environments.
- **Customizable**: Easily adapt components to match your brand's design system.
- **TypeScript Support**: Full TypeScript integration for improved developer experience.
- **Responsive Design**: Components that work flawlessly across all device sizes.
- **Themeable**: Comprehensive theming system to create consistent visual experiences.
### Getting Started
#### Prerequisites
Before starting, ensure you have the following installed:
- [Node.js](https://nodejs.org/) (v14 or higher)
- [pnpm](https://pnpm.io/) (Preferred package manager)
- [Next.js](https://nextjs.org/) project
#### Installation
1. Install Astra in your Next.js project:
```bash
pnpm dlx astui@latest add button
```
2. Import and use Astra components in your project:
```tsx
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
export default function HomePage() {
return (
Welcome to my app
Get Started
);
}
```
## Technologies Used
- **React**: JavaScript library for building user interfaces.
- **Next.js**: React framework for production-grade applications.
- **TypeScript**: Strongly typed programming language for JavaScript.
- **Tailwind CSS**: Utility-first CSS framework for rapid UI development.
- **pnpm**: Fast, disk space efficient package manager.
- **Vercel**: Platform for frontend frameworks and static sites.
- **GitHub**: Code hosting platform for version control and collaboration.
## License
This project is licensed under the **[Apache 2.0 License](./LICENSE)**.
## Documentation
For more detailed information about using and contributing to Astra, please visit the **[documentation](https://www.astraui.me/docs))**.
## Acknowledgments
- Next.js
- React
- TypeScript
- Tailwind CSS
- Vercel
