Skip to main content

Getting Started

Introduction​

The @codeleap/styles library provides a comprehensive styling system for React and React Native applications. Built with TypeScript, it offers a unified approach to styling components with powerful theming capabilities, responsive design support, and an intuitive variant-based API.

Key Features​

  • Unified Styling API: Single style prop for all styling needs
  • Theme-First Approach: Centralized theme system with color schemes, spacing, and design tokens
  • Responsive Design: Built-in breakpoint system for web applications
  • TypeScript Support: Full type safety with excellent IntelliSense
  • Variant System: Predefined and custom variants for consistent styling
  • Performance Optimized: Efficient style processing and minimal runtime overhead
  • Cross-Platform: Works seamlessly with React Native and React web applications

Installing the Library​

Install @codeleap/styles using Bun:

bun add @codeleap/styles