RN & Flutter tools
// RN & Flutter

RN Style

> Generate a React Native StyleSheet snippet with spacing, type, colors, and shadows.

style.cfg
Style preview
stylesheet.ts
import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  container: {
    padding: 16,
    margin: 8,
    borderRadius: 12,
    backgroundColor: '#12121A',
    // iOS shadow
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.25,
    shadowRadius: 8,
    // Android elevation
    elevation: 4,
  },
  text: {
    fontSize: 16,
    fontWeight: '600',
    color: '#E0E0E0',
  },
});