Modern League of Legends Skin Manager
Wildflover is a modern, feature-rich League of Legends skin management application built with Tauri framework. It provides a seamless experience for managing custom skins, chromas, and mods with an elegant dark-themed interface.
| Feature | Description |
|---|---|
| Champions Library | Browse all League of Legends champions with their available skins |
| Skin Selection | Select and manage multiple skins with chroma support |
| Custom Mods | Import and manage custom .fantome mod files |
| Marketplace | Community-driven mod marketplace with upload/download functionality |
| Discord Integration | OAuth2 authentication with guild verification |
| Discord RPC | Rich Presence showing current activity |
| Multi-language | Support for EN, TR, AR, ZH, JA, KO, DE |
| System Tray | Minimize to tray with quick access menu |
Click to expand screenshots
- React 18 - UI Framework
- TypeScript - Type-safe JavaScript
- Vite - Build tool and dev server
- i18next - Internationalization
- CSS3 - Modern styling with animations
- Tauri - Desktop application framework
- Rust - System-level operations
- reqwest - HTTP client for API calls
- tokio - Async runtime
- Discord OAuth2 - User authentication
- Discord RPC - Rich Presence
- GitHub API - Marketplace storage
- Riot CDN - Champion and skin assets
wildflover/
├── src/ # React Frontend
│ ├── components/ # UI Components
│ │ ├── activation-progress/ # Mod activation UI
│ │ ├── customs/ # Custom mod components
│ │ ├── marketplace/ # Marketplace components
│ │ ├── selected-skins/ # Selection panel
│ │ ├── settings/ # Settings components
│ │ └── skin-selector/ # Skin selection UI
│ ├── config/ # App configuration
│ ├── i18n/ # Translations
│ │ └── locales/ # Language files
│ ├── screens/ # Main screens
│ ├── services/ # Business logic
│ │ ├── api/ # Riot API services
│ │ ├── cache/ # LRU Cache
│ │ └── discord/ # Discord services
│ ├── types/ # TypeScript types
│ └── utils/ # Utility functions
├── src-tauri/ # Rust Backend
│ ├── src/ # Rust source files
│ ├── icons/ # App icons
│ └── capabilities/ # Tauri permissions
├── public/ # Static assets
│ └── assets/
│ ├── backgrounds/ # Background images
│ ├── icons/ # App icons
│ └── learning/ # Tutorial images
├── managers/ # External tools
│ ├── cslol-diag.exe # Diagnostic tool
│ ├── mod-tools.exe # Mod management
│ └── wad-*.exe # WAD file tools
└── tools/ # Development tools
└── promo-generator/ # Promotional assets
- Node.js >= 18.0.0
- Rust >= 1.70.0
- pnpm or npm
# Clone the repository
git clone https://github.com/yourusername/wildflover.git
cd wildflover
# Install dependencies
npm install
# Run development server
npm run tauri dev# Build for production
npm run tauri build- Create a Discord Application at Discord Developer Portal
- Copy your Client ID and Client Secret
- Add redirect URIs:
http://localhost:1420(development)http://tauri.localhost(production)
- Update configuration files:
Frontend (src/services/discord/config.ts):
export const DISCORD_CONFIG = {
CLIENT_ID: 'YOUR_DISCORD_CLIENT_ID',
REQUIRED_GUILD_ID: 'YOUR_DISCORD_GUILD_ID', // Optional
REQUIRED_ROLE_ID: '', // Optional
// ...
};Backend (src-tauri/src/discord.rs):
const DISCORD_CLIENT_ID: &str = "YOUR_DISCORD_CLIENT_ID";
const DISCORD_CLIENT_SECRET: &str = "YOUR_DISCORD_CLIENT_SECRET";For login notifications, update src-tauri/src/webhook.rs:
const LOGIN_WEBHOOK_URL: &str = "YOUR_DISCORD_WEBHOOK_URL";- Login - Authenticate with Discord
- Browse Champions - Select a champion from the library
- Select Skins - Choose skins and chromas
- Activate - Apply selected skins to the game
- Play - Launch League of Legends
- Navigate to Customs tab
- Click Import or drag-drop
.fantomefiles - Enable desired mods
- Activate with other skins
- Browse community mods
- Download with one click
- Like and share favorites
- Upload your own creations (admin only)
Supported languages:
- English (en)
- Turkish (tr)
- Arabic (ar)
- Chinese (zh)
- Japanese (ja)
- Korean (ko)
- German (de)
Language files are located in src/i18n/locales/
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit changes (
git commit -m 'Add amazing feature') - Push to branch (
git push origin feature/amazing-feature) - Open a Pull Request
- Discord Client Secret is stored in compiled Rust binary
- OAuth2 tokens are stored locally with encryption
- No sensitive data is transmitted to third parties
- Guild verification ensures authorized access only
This project is licensed under the MIT License - see the LICENSE file for details.
- Tauri - Desktop framework
- React - UI library
- cslol-manager - Mod tools
- Riot Games - League of Legends assets
Wildflover is not endorsed by Riot Games and does not reflect the views or opinions of Riot Games or anyone officially involved in producing or managing Riot Games properties. Riot Games and all associated properties are trademarks or registered trademarks of Riot Games, Inc.
Wildflover | Modern Skin Management
Made with ♥ by Wildflover
