A modern, sleek React Sidebar + UI Components preview — built for speed, aesthetics, and easy integration. This is all information full kit available (https://aethelcode.gumroad.com/l/reactcomponentkit).
🚀 Save time, ship faster, and level up your projects with production-ready UI components.
This kit includes:
- ✅ A Sidebar
- ✅ A Navbar
- ✅ A Modal
- ✅ Detailed instructions
- ✅ JSX & TSX compatibility



- Save hours of dev time
- Polished, modern design
- Plug & play into React, Next.js, Vite, etc.
- Great for hackathons, MVPs, and client projects
For questions or issues, email: aethelsoftware@gmail.com
UI Pieces/ #all the components, JSX & TSX
├─ modals/
│ ├─ modal.jsx/
│ ├─ modal.tsx/
├─ navbars/
│ ├─ navbar.jsx/
│ ├─ navbar.tsx/
├─ sidebars/
│ ├─ sidebar.jsx/
│ ├─ sidebar.tsx/
testapp/ #vite application for testing
│
├── public/
│ └── Aethel Software.png
│
├── src/
│ ├── assets/
│ │ └── react.svg
│ │
│ ├── components/
│ │
│ ├── modals/
│ │ └── modal.jsx
│ │
│ ├── navbars/
│ │ └── navbar.jsx
│ │
│ ├── sidebars/
│ │ └── sidebar.jsx
│ │
│ ├── App.jsx #page that is rendered for testing
│ ├── index.css
│ └── main.jsx
│
├── .gitignore
├── README.md
├── eslint.config.js
├── index.html
├── package-lock.json
├── package.json
├── vite.config.js
└── README.md #README for more information