Skip to content

Repository files navigation

Stars Forks Issues License TypeScript

solUI

A premium collection of modern and reusable UI components for mobile and web applications, built with TypeScript for type safety and Nativewind for cross-platform CSS styling.

Visit DocumentationReport IssueRequest Feature


Project Structure

This is a monorepo powered by Turbo with the following structure:

sol-ui/
├── apps/
│   ├── docs/          # 📖 Next.js documentation site
│   └── expo/          # 📱 React Native/Expo showcase app
├── packages/          # 📦 Shared UI component packages
├── turbo.json         # Turbo workspace configuration
└── package.json       # Root workspace configuration

Apps

Package Description
docs Interactive documentation site built with Next.js, featuring component previews and usage guides
expo React Native mobile application showcasing all components on iOS, Android, and web

Packages

Each package in the packages/ directory contains reusable UI components and utilities for different contexts.


Quick Start

Prerequisites

  • Node.js 18+ with npm 10.8.2 or higher
  • npm (included with Node.js)

Installation

  1. Clone the repository:
git clone https://github.com/Roukhood/sol-ui.git
cd sol-ui
  1. Install dependencies:
npm install
  1. Start development mode:
npm run dev

This will start all apps in development mode using Turbo. You can access:

Available Scripts

# Start development mode for all apps
npm run dev

# Build all packages and apps
npm run build

# Start production build
npm run start

# Run linting across all apps
npm run lint

Documentation

Visit the official documentation for:

  • Component API reference
  • Usage examples and code snippets
  • Design patterns and best practices
  • Customization guides
  • Accessibility information

Tech Stack

  • React 19+ - UI library
  • React Native 0.81+ - Cross-platform mobile framework
  • Expo 54+ - React Native development platform
  • Next.js 16+ - React meta-framework for web
  • TypeScript 5+ - Type safety
  • Nativewind 4+ - Cross-platform styling with Tailwind CSS
  • Tailwind CSS 4+ - Utility-first CSS framework
  • Turbo 2+ - Monorepo build system

Contributing

We welcome contributions from the community! Whether you're fixing bugs, adding features, or improving documentation, your help is appreciated.

Getting Started with Development

  1. Fork the repository
  2. Create your feature branch: git checkout -b feature/amazing-feature
  3. Make your changes
  4. Commit your changes: git commit -m 'Add amazing feature'
  5. Push to the branch: git push origin feature/amazing-feature
  6. Open a Pull Request

Please read our Contribution Guidelines for detailed information on:

  • Code standards and conventions
  • Testing requirements
  • Commit message format
  • PR review process

License

This project is licensed under the MIT License - see the LICENSE file for details.


Support the Project

If you find solUI helpful, please consider:

  • Giving it a star on GitHub
  • Sharing it with your network
  • Providing feedback on discussions
  • Buying me a coffee
Buy Me A Coffee

Get in Touch


Built with ❤️ by the Roukhood team

About

solUI is the reusable components library for the mobile screens and websites. UI build with typescript for type safety and native wind for CSS

Resources

Contributing

Stars

Watchers

Forks

Releases

Sponsor this project

Packages

Contributors

Languages