5736b4a544
🎨 Theme Customizer Improvements: - Added ultra transparent background for real-time UI preview - Created custom Light/Dark mode preview cards with realistic UI mockups - Implemented spinning gear animation for settings icon (always rotating) - Added beautiful hover effects and selected state animations 🖼️ Custom Preview Cards: - Browser-style header with macOS-like dots (red, yellow, green) - Mini sidebar with menu items and active states - Realistic content areas with proper color schemes - Interactive animations with hover and selection feedback 🔄 Settings Icon Animation: - Continuous spinning animation (3s/rotation) - Faster rotation on hover (1.5s with glow effects) - Even faster when panel open + hover (0.8s) - Smooth transitions with cubic-bezier timing 🎯 User Experience: - Real-time theme preview through transparent sidebar - Visual feedback for all interactive elements - Professional appearance with modern design patterns - Mobile-responsive and performance optimized 🔧 Technical Improvements: - Fixed SCSS syntax errors and proper nesting - Added comprehensive CSS animations and keyframes - Implemented proper state management for theme switching - Enhanced accessibility with proper contrast and shadows
Dreams POS React Template
A modern Point of Sale (POS) system built with React.js.
Features
- Modern and responsive UI
- Complete POS functionality
- Inventory management
- Sales and purchase tracking
- User management
- Reports and analytics
- Mobile-friendly design
Installation
- Clone the repository
git clone https://github.com/anhtuanbtx1/dreamspos-react.git
- Install dependencies
npm install
- Start the development server
npm start
Technologies Used
- React.js
- React Router
- Redux
- Bootstrap
- SCSS
- Axios
License
This project is licensed under the MIT License.