RAATDF is an efficient, elegant, and lightweight enterprise-grade admin template built with the latest technology stack, providing an out-of-the-box solution.
📺 Live Demo | 📖 Documentation | 🐙 GitHub Repository
- Build Tool: Vite v8 (Beta) - Lightning-fast development experience
- Frontend Framework: React v19 - Latest version with React Compiler support
- Type System: TypeScript v5 - Strict type checking
- UI Framework: Ant Design v6 - Enterprise-grade UI component library
- Styling: Tailwind CSS v4 - Atomic CSS framework
- State Management: Zustand v5 - Lightweight state management
- Routing: React Router v7 - Latest routing solution
- Code Quality: Biome - Unified lint and format tool
- Multiple Layouts: Sidebar, top bar, and mixed layouts
- Responsive Design: Perfect adaptation for all screen sizes
- Floating UI: Elegant floating UI style
- Immersive Mode: Full-screen experience focused on content
- Sidebar Toolbar: Place toolbar at the bottom of sidebar (vertical layout only)
- Light/Dark Themes: Light, dark, and system-follow modes
- Theme Colors: 10+ preset colors + custom colors
- Dynamic Switching: Seamless theme switching via CSS variables
- Border Radius: 9 radius sizes available (0-24px)
- Multi-Tab: Up to 16 tabs, auto-closes oldest tab
- Page Cache: Preserves page state for better UX
- Tab Styles: Default, button, simple, and stacked styles
- Transitions: Slide, fade, zoom, and more animations
- Compact Mode: Suitable for data-intensive scenarios
- Page Width: Adaptive or fixed width
- Card Container: Card-style content display
- Refresh Button: Quick page refresh
- Collapse Button: Toggle sidebar expand/collapse
- Header Buttons: Notification center, chat window, and more
- Multi-Language: Built-in Chinese and English, easily extensible
- Full Translation: System settings, menus, tooltips, etc.
- Dynamic Switching: Switch languages without page refresh
- Node.js >= 18.0.0
- Bun >= 1.0.0 (recommended) or npm/yarn/pnpm
# Clone the repository
git clone git@github.com:any-tdf/raatdf.git
# Enter project directory
cd raatdf
# Install dependencies
bun install
# Start development server
bun dev
# Build for production
bun run build
# Preview production build
bun run preview# Code checking and formatting
bun run check # Run Biome checks
bun run check:fix # Auto-fix code issues
bun run lint # Lint only
bun run lint:fix # Auto-fix lint issues
bun run format # Check formatting
bun run format:fix # Auto-format code| Browser | Version |
|---|---|
| Chrome | >= 90 |
| Edge | >= 90 |
| Firefox | >= 88 |
| Safari | >= 14 |
Recommended: Use the latest version of modern browsers for the best experience.
We welcome all forms of contributions, whether it's new features, bug fixes, or documentation improvements.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'feat: add some amazing feature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Please follow Conventional Commits:
feat: New featurefix: Bug fixdocs: Documentation updatestyle: Code style changesrefactor: Code refactoringchore: Build/tool related
- 💬 GitHub Issues - Bug reports and feature requests
- 🔀 GitHub Discussions - Discussions and Q&A
Community links coming soon.
Thanks to all developers who have contributed to this project!
If this project helps you, please consider sponsoring to support our continued development.
This project is licensed under MIT.
Made with ❤️ by any-tdf