What is the CSS to React Native converter useful for?

Converting web styles to React Native's StyleSheet format. It handles property name mapping like border-radius to borderRadius, and flags CSS properties that don't exist in RN.

Does the JSON to Swift/Kotlin generator handle nested objects?

Yes. It creates nested structs in Swift or data classes in Kotlin for nested JSON. Complex or ambiguous types may need a quick review, but it covers common patterns well.

What's the React Native flexbox playground for?

Testing flexbox layouts using RN's coordinate system, which differs from CSS flexbox in a few edge cases. Easier than spinning up a simulator for quick layout checks.

Can I use the Swift formatter without Xcode?

Yes. It formats Swift code right in your browser: no Xcode or build tools required. Handy for quick formatting checks when you're away from your dev setup.

What does the RN shadow generator output?

Shadow style properties for both iOS (shadowColor, shadowOffset, shadowOpacity, shadowRadius) and Android (elevation), since React Native handles shadows differently on each platform.

JSON to TypeScript JSON to Go Struct CSS to React Native RN Shadow Generator RN Flexbox Playground JSON to Kotlin JSON to Swift Kotlin Formatter Swift Formatter

Mobile & Platforms

9 free tools for React Native, Go, Kotlin, and Swift development: JSON converters, style transformers, and code formatters. Everything runs in your browser with no data sent to any server.

📘

JSON to TypeScript

Convert JSON objects into TypeScript interfaces or type aliases. RN-friendly types, optional fields, readonly, and multiple export styles.

🐹

JSON to Go Struct

Generate Go structs from JSON with json tags, omitempty, pointer types for nullables, and proper PascalCase field name conversion.

📱

CSS to React Native

Convert CSS rules to React Native StyleSheet objects. Handles shorthand expansion, property mapping, and flags unsupported properties.

🌗

RN Shadow Generator

Visually generate React Native shadow props for iOS and Android. Preview shadows in real time and copy platform-specific code.

📐

RN Flexbox Playground

Interactively explore React Native flexbox. Tweak direction, wrap, alignment, and item properties: see live code output.

🎯

JSON to Kotlin

Convert JSON into Kotlin data classes with @SerializedName annotations, nullable types, and proper Kotlin naming conventions.

🦅

JSON to Swift

Generate Swift Codable structs from JSON. Supports CodingKeys, optional fields, nested types, and Swift naming conventions.

🔧

Kotlin Formatter

Format and clean up Kotlin code. Normalize indentation, sort imports, and apply consistent whitespace rules.

✨

Swift Formatter

Format Swift code with consistent indentation, spacing, and line break conventions. Paste, format, and copy.

Frequently Asked Questions

What is the CSS to React Native converter useful for?: Converting web styles to React Native's StyleSheet format. It handles property name mapping like border-radius to borderRadius, and flags CSS properties that don't exist in RN.
Does the JSON to Swift/Kotlin generator handle nested objects?: Yes. It creates nested structs in Swift or data classes in Kotlin for nested JSON. Complex or ambiguous types may need a quick review, but it covers common patterns well.
What's the React Native flexbox playground for?: Testing flexbox layouts using RN's coordinate system, which differs from CSS flexbox in a few edge cases. Easier than spinning up a simulator for quick layout checks.
Can I use the Swift formatter without Xcode?: Yes. It formats Swift code right in your browser: no Xcode or build tools required. Handy for quick formatting checks when you're away from your dev setup.
What does the RN shadow generator output?: Shadow style properties for both iOS (shadowColor, shadowOffset, shadowOpacity, shadowRadius) and Android (elevation), since React Native handles shadows differently on each platform.