RAATDF

English • 简体中文 • 繁體中文 • 日本語 • 한국어 • Español • Русский • Français • Deutsch • Italiano

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+ v0.2 (Vite 8) - Lightning-fast development experience
• Frontend Framework: React v19 - Latest version with React Compiler support
• Type System: TypeScript v7 - Strict type checking
• UI Framework: Ant Design v6 - Enterprise-grade UI component library
• Advanced Components: ProComponents v3 - Enterprise tables, forms, and cards
• Styling: Tailwind CSS v4 - Atomic CSS framework
• State Management: Zustand v5 - Lightweight state management
• Routing: React Router v7 - Latest routing solution
• Code Quality: Vite+ - Unified lint and format tool
• Documentation: Astro v7 + Starlight v0.41

• 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: React 19.2 Activity preserves state while stopping hidden effects
• 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 ^22.18.0 or >= 24.11.0
• Bun >= 1.3.14
• Vite Plus 0.2.6

# Clone the repository
git clone git@github.com:any-tdf/raatdf.git

# Enter project directory
cd raatdf

# Install dependencies with Bun
bun install

# Start development server
bun run dev

# Build for production
bun run build

# Preview production build
bun run preview

# Code checking and formatting
bun run check  # Run Vite Plus checks
bun run check:fix  # Auto-fix code issues
bun run lint  # Lint only through Vite Plus
bun run lint:fix  # Auto-fix lint issues
bun run format  # Check formatting through Vite Plus
bun run format:fix  # Auto-format code
bun run test  # Run Vite Plus Vitest

cd doc
bun install
bun run dev  # Start the Astro Starlight site
bun run check  # Astro type checks, Oxfmt, and Oxlint
bun run build  # Build the documentation site

See the 0.2.0 upgrade notes for dependency, toolchain, and route changes.

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.

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

Please follow Conventional Commits:

• feat: New feature
• fix: Bug fix
• docs: Documentation update
• style: Code style changes
• refactor: Code refactoring
• chore: 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