f609fcfcd3
- Increase SettingsMenu width from 160px to 192px for better visibility - Add whitespace-nowrap to prevent text wrapping in menu items - Update project license to GPL-3.0 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
AeroStart
A modern, customizable browser start page with elegant search experience and personalized settings.
✨ Features
- 🎨 Multi-Theme Support - 8 preset theme colors to choose from
- 🖼️ Custom Wallpapers - Support for image and video backgrounds with multiple fit modes
- 🔍 Multiple Search Engines - Built-in Google, Baidu, Bing, DuckDuckGo, Bilibili
- ⏰ Real-time Clock - Support for 12/24 hour format with optional seconds display
- 🎭 Dynamic Blur - Background automatically blurs during search for enhanced focus
- 💾 Local Storage - All settings automatically saved to browser local storage
- 📱 Responsive Design - Perfect adaptation to all screen sizes
- 🎬 Smooth Animations - Carefully designed transitions and interactive animations
🚀 Quick Start
Deploy to Vercel
Click the button above to deploy your own instance of AeroStart to Vercel in minutes.
Local Development
Prerequisites: Node.js 16+
Install Dependencies
pnpm install
Run Development Server
pnpm dev
Visit http://localhost:3000 to view the application.
Build for Production
pnpm build
🎯 Usage Guide
Search Functionality
- Enter keywords in the search box and press Enter to search
- Click the icon on the left side of the search box to switch search engines
- Background automatically blurs during search to enhance focus
Settings Panel
- Right-click the background to enter Dashboard mode
- Click the settings icon in the top right corner to open the settings panel
- Customizable options:
- Clock format (12/24 hour)
- Background wallpaper (preset or custom URL)
- Theme color
- Search box opacity
- Background blur intensity
Wallpaper Settings
- Support for image and video backgrounds
- 5 fit modes: Cover, Contain, Fill, Center, Repeat
- Add custom wallpaper URLs
🛠️ Tech Stack
- Framework: React 19
- Build Tool: Vite 6
- Language: TypeScript
- Styling: Tailwind CSS
📁 Project Structure
AeroStart/
├── components/ # React components
│ ├── Clock.tsx # Clock component
│ ├── SearchBox.tsx # Search box component
│ ├── SettingsModal.tsx # Settings panel
│ └── ...
├── utils/ # Utility functions
├── context/ # React Context
├── constants.ts # Constants configuration
├── types.ts # TypeScript type definitions
├── App.tsx # Main application component
└── index.tsx # Application entry point
📄 License
Copyright (C) 2025 AeroStart Contributors
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/.
🤝 Contributing
Issues and Pull Requests are welcome!