The official Rynex demo project showcasing the framework's capabilities for developers and sponsors.
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run buildThis demo showcases:
- Home Page: Introduction to Rynex with key features
- Features Page: Comprehensive feature showcase with filtering
- About Page: Information about the framework and demo purpose
- Blog Page: Tutorials and guides for developers
- Contact Page: Form for developers and sponsors to get in touch
rynex-demo/
├── src/
│ ├── index.ts # Entry point
│ ├── App.ts # Root component with routing
│ ├── components/ # Reusable components
│ └── pages/ # Route pages
│ ├── home/ # Landing page
│ ├── features/ # Features showcase
│ ├── about/ # About the demo
│ ├── blog/ # Blog with posts
│ └── contact/ # Contact form
├── public/
│ ├── index.html # HTML shell
│ └── styles.css # Global styles
└── rynex.config.js # Configuration
- Reactive State Management: Proxy-based reactivity with automatic UI updates
- File-Based Routing: Next.js style routing with dynamic routes
- Lazy Loading: Code splitting for optimal performance
- Modern UI: Dark theme with smooth animations and transitions
- Form Handling: Complete form with validation
- TypeScript: Full type safety throughout
- No Virtual DOM: Direct DOM manipulation for maximum performance
This demo is perfect for:
- Learning Rynex patterns and best practices
- Understanding reactive state management
- Exploring routing and navigation
- Building modern web applications
Interested in supporting Rynex? Visit the Contact page to learn about sponsorship opportunities and how your support helps build the future of web development.
Built with Rynex v0.1.40