• 🎨 Material You Design - Modern Material Design 3 aesthetics with dynamic colors and smooth animations
• 🔍 Multi-Engine Search - Support for Google, Bing, Baidu, DuckDuckGo, Yandex, 360, Sogou, and custom engines
• 🌈 Dynamic Wallpapers - Daily Bing wallpaper, random scenery, anime images, or custom backgrounds
• ⏰ Time & Weather - Real-time clock with weather information and lunar calendar support
• 🔖 Quick Shortcuts - Customizable website shortcuts for quick access
• 📱 Responsive Design - Perfect display on desktop, tablet, and mobile devices
• 🌓 Dark Mode - Automatic theme switching with light and dark modes
• 💾 Data Persistence - Local storage of settings and shortcuts
• 🚀 PWA Support - Install as a progressive web app

• Node.js >= 16.0.0
• pnpm (recommended) or npm

# Clone the repository
git clone https://github.com/RinCynar/SuisoruIX.git

# Navigate to project directory
cd SuisoruIX

# Install dependencies
pnpm install
# or
npm install

# Start development server
pnpm dev
# or
npm run dev

The application will be available at http://localhost:5173

# Build for production
pnpm build
# or
npm run build

# Preview production build
pnpm preview
# or
npm preview

Create a .env file in the root directory to customize your settings:

# Site Information
VITE_SITE_TITLE = "SuisoruIX"
VITE_SITE_ANTHOR = "RinCynar"
VITE_SITE_KEYWORDS = "SuisoruIX,StartPage,RinCynar,SearchEngine"
VITE_SITE_DES = "StartPage"
VITE_SITE_LOGO = "/favicon.png"
VITE_SITE_APPLE_LOGO = "/logo/logo.png"
VITE_SITE_COPYRIGHTLINK = "https://rincynar.top"

# Welcome Text
VITE_WELCOME_TEXT = "Ciallo～(∠・ω< )⌒☆"

# Search Input Placeholder
VITE_INPUT_TIP = "Search or type URL"

# ICP (Leave empty if not needed)
VITE_ICP = ""

# Weather API Key (Get from https://lbs.amap.com/)
VITE_WEATHER_KEY = ""

This project has been refactored to follow Material Design 3 (Material You) guidelines:

• Color System: Dynamic purple palette with proper surface containers
• Typography: Prominent display text with proper hierarchy
• Shapes: Rounded corners throughout (8px to 28px)
• Motion: Smooth animations with standard easing curves
• Elevation: Proper shadow system with glassmorphism effects

• Vue 3 - Progressive JavaScript framework
• Vite - Next generation frontend tooling
• Pinia - State management
• Sass - CSS preprocessor

• Naive UI - Vue 3 component library
• iconfont - Icon solution

• Axios - HTTP client
• lunar-calendar - Lunar calendar support

SuisoruIX/
├── public/              # Static assets
│   ├── background/      # Background images
│   ├── icon/           # Icons
│   └── lib/            # Icon fonts
├── src/
│   ├── api/            # API services
│   ├── assets/         # Project assets
│   ├── components/     # Vue components
│   │   ├── AllFunc/    # Main function components
│   │   └── SearchInput/ # Search components
│   ├── stores/         # Pinia stores
│   ├── style/          # Global styles
│   ├── utils/          # Utility functions
│   ├── App.vue         # Root component
│   └── main.js         # Entry point
├── .env                # Environment variables
├── index.html          # HTML template
├── package.json        # Dependencies
└── vite.config.js      # Vite configuration

• Built-in Engines: Google, Bing, Baidu, DuckDuckGo, Yandex, 360, Sogou
• Custom Engine: Add your own search engine URL
• Search Suggestions: Real-time search suggestions (configurable)
• Smart Detection: Automatically detect URLs and email addresses

• Local Default: Random default wallpapers
• Daily Bing: Bing's daily featured image
• Random Scenery: Beautiful landscape photos
• Random Anime: Anime-style illustrations
• Custom URL: Use your own image URL

• Multiple Clock Styles: Horizontal or vertical layout
• 12/24 Hour Format: Choose your preferred time format
• Seconds Display: Optional seconds display
• Lunar Calendar: Traditional Chinese calendar
• Weather Info: Real-time weather with temperature and wind

• Theme: Light and dark mode
• Search Box: Auto-collapse, auto-focus options
• Wallpaper Effects: Blur and mask adjustments
• Data Backup: Export and import your settings

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the GPL-3.0 License - see the LICENSE file for details.

• Lime Start - Design inspiration
• SNav - Original project base
• Material Design 3 - Design system

RinCynar - @RinCynar

Project Link: https://github.com/RinCynar/SuisoruIX