[Showcase] VITE-SHADCN: A powerful Shadcn Admin UI with Ant Design-inspired components and 3D/GIS integration

[yluiop123]

Introduction

Hi everyone! 👋

I'm excited to share VITE-SHADCN, a comprehensive Admin UI built with React 19, Vite, and Shadcn/ui.

The goal of this project is to bridge the gap between the flexibility of Shadcn/ui and the rich component patterns of Ant Design. I have implemented many complex components and examples inspired by Ant Design's layout and functionality, but using Shadcn's "copy-and-paste" philosophy.

🚀 Links

• Live Demo: https://yluiop123.github.io/vite-shadcn/
• GitHub Repository: yluiop123/vite-shadcn

✨ Highlights

• Ant Design Patterns: Re-implemented many popular AntD components (like complex Forms, Tables, and Layouts) using Shadcn primitives.
• Rich Data Visualization: Integrated ECharts, Recharts, AntV, and D3 for professional dashboards.
• Advanced 3D & GIS: Built-in support for Babylon.js, Three.js, and GIS tools like Cesium, Leaflet, and L7.
• Modern Stack: React 19, Tailwind CSS v4, Zustand for state management, and React Router v7.
• Full Features: Dynamic permissions, internationalization (i18n), dark mode, and multiple layout presets.

📸 Screenshots

Why I built this

While Shadcn provides great primitives, building a full-featured admin dashboard from scratch is still time-consuming. I wanted to create a "best practice" template that combines Shadcn's clean code with the enterprise-ready UX patterns we all love from Ant Design.

I'd love to hear your feedback! If you find this project helpful for your next admin portal, please give it a ⭐️.

Happy coding! 🚀