Real-world applications built with Ionyx Framework. Explore, learn, and get inspired!
# Clone the examples repository
git clone https://github.com/ionyx-apps/ionyx-examples.git
# Navigate to an example
cd ionyx-examples/todo-app
# Install dependencies
npm install
# Run the example
npm run ionyx-dev# Create new app from example template
npx create-ionyx-app my-app --template todo-app
# Navigate to your app
cd my-app
# Start development
npm run ionyx-devA complete todo application with file persistence and notifications.
Technologies: React, TypeScript, File System API
Features: Add/Edit/Delete todos, Categories, File persistence, Notifications
Cross-platform file manager with drag-and-drop support.
Technologies: Vue.js, File API, Drag & Drop
Features: File operations, Directory navigation, Search, File preview
Desktop music player with playlist management and controls.
Technologies: Svelte, Audio API, Media Controls
Features: Play/Pause/Skip, Volume control, Playlist management, Album art
Lightweight code editor with syntax highlighting and file management.
Technologies: Vanilla JS, Monaco Editor, File API
Features: Syntax highlighting, File tree, Search/Replace, Themes
Weather application with location services and forecasts.
Technologies: React, Weather API, Location Services
Features: Current weather, Forecasts, Location detection, Maps
Real-time chat application with WebSocket support.
Technologies: Vue.js, WebSocket, Real-time
Features: Real-time messaging, User presence, File sharing, Emojis
- Todo App - Task management
- Calendar App - Event scheduling
- Notes App - Note taking
- Timer App - Productivity timer
- Music Player - Audio playback
- Video Player - Video playback
- Image Viewer - Image viewing
- Podcast Player - Podcast streaming
- Code Editor - Code editing
- Terminal App - Command line interface
- Git Client - Git operations
- Database Browser - Database management
- Chat App - Real-time messaging
- Email Client - Email management
- Video Call App - Video conferencing
- Social Media App - Social networking
- React - Modern React with TypeScript
- Vue.js - Progressive JavaScript framework
- Svelte - Cybernetically enhanced web apps
- Vanilla JS - Plain JavaScript and HTML
- File System - File operations and management
- Network - HTTP requests and API calls
- OS Integration - System information and controls
- Security - Permission management and sandboxing
- Tailwind CSS - Utility-first CSS framework
- Material UI - React component library
- Bootstrap - Popular CSS framework
- Custom CSS - Handcrafted designs
Each example follows a consistent structure:
example-name/
├── src-ionyx/ # Rust backend
│ ├── main.rs # Application entry point
│ ├── config.rs # Configuration management
│ ├── window.rs # Window management
│ ├── bridge.rs # IPC bridge
│ ├── protocol.rs # IPC protocol
│ └── security.rs # Security layer
├── frontend/ # Frontend application
│ ├── src/ # Source code
│ ├── public/ # Static assets
│ ├── package.json # Dependencies
│ └── vite.config.ts # Build configuration
├── ionyx.config.toml # Ionyx configuration
├── package.json # Root dependencies
├── Cargo.toml # Rust workspace
└── README.md # Example documentation
- Rust: 1.70+ (latest stable)
- Node.js: 18+ or newer
- npm: 8+ or newer
Browse the examples above and choose one that matches your needs and technology stack.
# Clone the repository
git clone https://github.com/ionyx-apps/ionyx-examples.git
# Navigate to your chosen example
cd ionyx-examples/[example-name]
# Install dependencies
npm install
# Run in development mode
npm run ionyx-dev- Backend: Check
src-ionyx/for Rust backend code - Frontend: Explore
frontend/src/for UI code - Configuration: Review
ionyx.config.tomlfor settings - Documentation: Read the example's README.md
# Build the application
npm run ionyx-build
# Find the built executable
ls -la bundle/Edit ionyx.config.toml to customize:
- Window size and behavior
- Permissions and security settings
- Development options
- Build configuration
- Backend: Add new IPC commands in
src-ionyx/bridge.rs - Frontend: Implement new UI components and logic
- Styling: Customize the appearance with CSS or UI libraries
# Create installer
npm run ionyx:build-installer
# Find installers
ls -la installers/We welcome contributions! Here's how you can help:
- Fork the repository
- Create a new folder for your example
- Follow the project structure
- Add comprehensive documentation
- Submit a pull request
- Fix bugs and issues
- Add new features
- Improve documentation
- Optimize performance
- Bug reports
- Feature requests
- Documentation improvements
- Performance issues
- Ionyx Framework Documentation
- Getting Started Guide
- API Reference
- Configuration Guide
- Community Discord
- Follow platform conventions (Windows, macOS, Linux)
- Use appropriate icons and imagery
- Ensure responsive design
- Implement keyboard shortcuts
- Provide clear user feedback
- Follow language-specific conventions
- Write clear, documented code
- Include error handling
- Add unit tests where appropriate
- Use consistent naming
- Optimize bundle size
- Minimize memory usage
- Implement lazy loading
- Use efficient algorithms
- Profile and optimize bottlenecks
All examples are licensed under the MIT License. Feel free to use, modify, and distribute them as you see fit.
Examples with Ionyx apps
a24073cc5a27fda0f7aeac951c2b6a73f0ce1057