Core Features
Everything you need to build modern cross-platform mobile applications
Declarative .ignite Syntax
Write UI components using familiar XML-like tags in custom .ignite files.
- XML-like component definitions
- Custom DSL compilation to React Native
- Complex JSX expressions support
- Automatic component mapping
Automatic State Management
Smart state inference and generation with proper TypeScript types.
- Smart type inference from values
- Automatic useState generation
- Setter functions (setUser, setLoading)
- Support for all JS types
Built-in Navigation
Automatic React Navigation setup with tab bars and stack navigation.
- React Navigation integration
- Tab navigation with ordering
- Stack navigation support
- Route generation from file structure
CLI Development Tools
Powerful command-line interface for creating, developing, and building apps.
- Project scaffolding with Expo
- Hot reloading development server
- Platform-specific building
- Asset management
Package Integration
Seamless integration with Firebase, Expo, and third-party libraries.
- Flexible import system
- Firebase integration
- Expo packages support
- Third-party library compatibility
Cross-Platform Support
iOS, Android, and Web support through Expo with consistent UI.
- iOS and Android native apps
- Web support with Expo Web
- Platform-specific optimizations
- Consistent UI across platforms
Developer Experience
Built with developer productivity and happiness in mind
Streamlined Development Workflow
Hot Reloading
Real-time compilation with file watching for instant feedback during development.
File Watching
Automatic detection of changes in .ignite files with immediate recompilation.
Error Handling
Comprehensive error messages and validation throughout the compilation process.
TypeScript Support
Generated code with proper TypeScript types and comprehensive type safety.
Development Commands
🚀 Your app is now running with hot reloading, automatic compilation, and file watching enabled!
Architecture & Integration
Built on proven technologies with seamless integrations
Expo Framework
Built on top of Expo for cross-platform development
React Navigation
Automatic setup of React Navigation for routing
Asset Management
Cloudinary integration for asset delivery
Styling System
StyleSheet.create integration with optimizations
See It In Action
Simple .ignite syntax that compiles to powerful React Native apps
.ignite File
import { LinearGradient } from 'expo-linear-gradient'
import firebase from 'firebase'
screen title="Profile" isTabScreen="true" tabIcon="user"
state user=null
state loading=false
state followers=[]
async fetchUserData() {
setLoading(true)
try {
const userData = await firebase.auth().currentUser
setUser(userData)
const followersData = await getFollowers(userData.uid)
setFollowers(followersData)
} catch (error) {
console.log('Error:', error)
}
setLoading(false)
}
<View style="container">
<LinearGradient colors={['#667eea', '#764ba2']} style="gradient">
<Text style="title">Welcome {user?.displayName}</Text>
<Text style="followers">{followers.length} Followers</Text>
<Button onPress="fetchUserData()" disabled={loading}>
{loading ? 'Loading...' : 'Refresh'}
</Button>
</LinearGradient>
</View>
const styles = StyleSheet.create({
container: { flex: 1, padding: 20 },
gradient: { flex: 1, borderRadius: 15, padding: 20 },
title: { fontSize: 24, color: 'white', fontWeight: 'bold' },
followers: { fontSize: 16, color: 'white', opacity: 0.8 },
});