Lunia290 OS is a highly immersive, iPadOS-inspired digital portfolio designed to bridge the gap between imagination and reality. Built with a focus on "crafted" UI/UX, it features a sleek glassmorphic aesthetic, interactive 3D motion effects, and a robust widget-based architecture.
- Dynamic Header: Features a responsive logo with hover animations and a glassmorphic real-time clock.
- Interactive Dock: A floating, iPadOS-style navigation dock for seamless multitasking between apps.
- Glassmorphism: Extensive use of backdrop blurs, subtle borders, and layered gradients for a premium "frosted glass" feel.
- Independent Scrolling: A dual-pane layout where the contact list and chat history scroll independently.
- Full Contact Visibility: Optimized sidebar width (400px) and height (600px) to ensure contact names and previews are never truncated.
- Custom Scrollbars: High-fidelity, theme-aware scrollbars that match the system's aesthetic.
- Music Player: A "Now Playing" widget with rotating album art and functional playback controls.
- Profile Card: Displays user stats and professional summary with a 3D tilt effect.
- Search System: Global search functionality with trending topics and recent history.
- Theme Support: Fully integrated Light and Dark modes with smooth transitions.
- 3D Motion: Powered by Framer Motion for fluid layout transitions and interactive 3D hover effects.
- Responsive Design: Desktop-first precision with a mobile-optimized experience for all core components.
- Framework: React 18+
- Build Tool: Vite
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React
- Language: TypeScript
Follow these steps to get the project running on your local machine:
Ensure you have Node.js (v18 or higher) and npm installed.
git clone https://github.com/augustdev290/Lunia290-OS.git
cd Lunia290-OSnpm installnpm run devThe application will be available at http://localhost:3000.
npm run buildThe production-ready files will be generated in the dist/ directory.
This project is licensed under the MIT License.
Built by augustdev290 – thank you for using and contributing!
Feel free to open issues or pull requests with improvements.
Happy coding!
Let me know if you’d like help customizing or deploying this dashboard.