A modern Tailwind CSS component library that helps you design sleek, responsive interfaces with ease — and style to spare.
For the full documentation, visit swingui.com.
| Gradiends | Animated Gradiends |
|
|
| Buttons | Cards |
|
|
| Text Gradiends | NavBar |
|
|
| View All | |
Include these in your <head> section:
<!-- Tailwind CSS -->
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<!-- Remix Icons -->
<link href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css" rel="stylesheet">
<!-- SwingUI CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/imaaryan/SwingUI@main/SwingUI/swing.css">Now, drop in SwingUI's CSS and JS to unlock all the components and styles:
Include these code above </body> Body tag end
<!-- SwingUI JS -->
<script src="https://cdn.jsdelivr.net/gh/imaaryan/SwingUI@beta-live/SwingUI/swing.js"></script>⚡ That's it — no config, no setup. Just plug and play..
Built during the ChaiCode Web Dev Hackathon by a team of passionate developers, mentored by Hitesh Choudhary, Anirudh Jwala, Piyush Garg, Mukul, and Akash. We created SwingUI to:
- Solve real-world development challenges
- Learn by shipping real products
- Build tools we’d actually use ourselves
- Clone the repository:
git clone https://github.com/imaaryan/SwingUI.git- Install dependencies:
npm install- Start the dev server:
npm run devOpen http://localhost:5173/ in your browser.
Crafted with ❤️ for developers who dare to swing big.