@makstashkevich/swiftui-react

A plugin that brings SwiftUI design aesthetics to React (Next.js and others), without supporting React Native. Includes UI elements, components, hooks, and utilities for design modifications.

Installation

npm install @makstashkevich/swiftui-react
# or
yarn add @makstashkevich/swiftui-react

Usage

(Coming soon)

TODO

Completed

• CSS Style Generator
• iOS Style's
  • iOS Colors
  • iOS Sizes
  • iOS Fonts (SF Pro Display)
  • iOS Icons (SF Symbols) @bradleyhodges/sfsymbols
• Provider
  • View
• Window
  • List
  • Form
  • Section
• Text
• Stack's
  • HStack
  • VStack
  • ZStack

In Process

• Image
  • Image
  • Image on List

Todo

• Button
• Color
• ColorPicker
• DatePicker
• Picker
• Divider
• GeometryReader
• Group
• Label
• Menu
• ProgressView
• Shape
• SheetContent
• Slider
• Spacer
• Stepper
• TextField
• Toggle

Development

To set up the development environment:

1. Clone the repository:

   git clone https://github.com/makstashkevich/swiftui-react.git
   cd swiftui-react

2. Install dependencies:

   pnpm install

3. Build the project:

   pnpm run build

License

MIT