Welcome to Raypx

Raypx is a modern full-stack framework for building collaborative design tools. Built with React, TypeScript, and TanStack Router.

Features

• Real-time Collaboration - Work together with your team in real-time
• Modern Stack - Built on React 19, TypeScript, and TanStack Router
• Authentication - Built-in user authentication and organization management
• Internationalization - Multi-language support out of the box
• Type Safety - End-to-end type safety across the stack

Quick Start

Installation

# Clone the repository
git clone https://github.com/yourusername/raypx.git
cd raypx

# Install dependencies
bun install

# Start the development server
bun dev

Project Structure

raypx/
├── apps/
│   ├── web/           # Main application
│   └── docs/          # Documentation site
└── packages/
    ├── ui/            # UI component library
    ├── auth/          # Authentication module
    ├── i18n/          # Internationalization
    └── rpc/           # RPC layer

Getting Started

1. Set up your environment

cp .env.example .env
# Edit .env with your configuration

2. Run the development server

bun dev

3. Open your browser

Navigate to http://localhost:3000

Documentation

Explore the documentation to learn more:

• Authentication
• API Reference
• Components
• Deployment

Community

• GitHub: https://github.com/yourusername/raypx
• Discord: Join our server
• Twitter: @raypxdev

License

MIT License - see LICENSE for details.