AndrewKochulab

AndrewKochulab / react-native-swiftui-dsl

Public

A SwiftUI-inspired declarative DSL for building React Native UIs with chainable modifiers, theme system, and two-way bindings.

builder declarative dsl expo modifiers
12
0
100% credibility
Found Mar 08, 2026 at 12 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A library for React Native that enables building user interfaces with chainable function calls mimicking SwiftUI syntax, replacing JSX and StyleSheets with theme-aware, declarative code.

How It Works

1
🔍 Discover easier app screen building

You find a friendly tool that lets you create beautiful mobile app screens like stacking simple building blocks, without complicated tags or scattered styles.

2
📦 Add it to your app

You simply include this tool in your mobile app project and start using it right away with ready-made defaults.

3
✨ Build your first screen

You chain together text, buttons, images, and lists in readable lines that feel natural and quick to write.

4
🎨 Style it beautifully

You add padding, colors, shadows, and rounded corners using short commands that automatically switch for light or dark backgrounds.

5
🔗 Connect your information

You link forms, switches, and lists so changes update smoothly without extra effort.

✅ Enjoy cleaner, faster app creation

Your screens look professional with way less code, fewer errors, and a joy to build and maintain.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 12 to 12 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is react-native-swiftui-dsl?

This TypeScript library delivers a SwiftUI-inspired declarative DSL for building React Native UIs, replacing verbose JSX and StyleSheets with chainable modifiers, a theme system, and two-way bindings. You describe screens like VStack(Text('Welcome')).font('title').padding('lg').background('card'), and it renders native components with zero setup. It solves the pain of scattered styles, manual theming, and form boilerplate, letting you focus on UI logic.

Why is it gaining traction?

No angle brackets or config overhead—built-in defaults work instantly for light/dark modes via tokens like .foregroundColor('tint'). Two-way bindings like TextInput($form.email) eliminate onChangeText wiring, while 20 primitives (LazyList, Modal, ProgressBar) and 60+ modifiers handle everything from shadows to lists. The hook: 70% less code for readable, type-safe UIs that feel like SwiftUI blueprints in React Native.

Who should use this?

React Native devs crafting screens, forms, or data lists who want SwiftUI-style fluency without JSX mess. Perfect for prototyping apps, building theme-aware dashboards, or iOS-to-cross-platform ports with bindings-heavy UIs. Frontend teams tired of StyleSheet hunting will appreciate the chainable flow for VStack/HStack layouts.

Verdict

Promising experiment for SwiftUI fans in React Native—excellent docs and zero-config start make it easy to try. At 10 stars and 1.0% credibility, stick to prototypes until it matures with more adoption.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.