NativewindUI vs Graphica Playground

30+ beautiful components and templates that look and feel native on mobile devices. Built with React Native, Expo, and Nativewind.

Describe it. Ship it. Graphica Playground turns one sentence into a Metal shader you can actually use. Write what you want to see, watch it run full screen, tune it until it feels right, and take the code straight into your SwiftUI project. Built for designers, design engineers and iOS developers who want distinctive backgrounds, glows, ripples and gradients without writing shader math from scratch. GENERATE FROM WORDS - Type a description like "deep ocean caustics with drifting light" and get a live, animated Metal shader - Every result is compiled and checked on your device's GPU before you see it; broken or blank output is automatically repaired or replaced - Not quite right? Use Refine to describe what to change, and keep your colors and settings TUNE IT LIVE - Adjust speed, intensity and scale in real time - Pick from curated color palettes - Touch the preview and the shader reacts under your finger - Tuning never re-runs the AI, so you can experiment as much as you like EXPORT CODE THAT MATCHES THE PREVIEW - SwiftUI: a .metal file with a stitchable function plus a ready-to-use SwiftUI view built on .colorEffect - Metal only: just the stitchable function for ShaderLibrary - MTKView: runtime-compiled Metal source with an MTKView renderer - Copy to the clipboard or share the files - The preview and the exported code are built from the same shader, so what you see is what you ship LEARN SHADERS BY WRITING THEM - Lessons on coordinates, color, distance, rings, soft light and noise, one expression at a time - Your picture is checked against the target as you go, and most steps need no typing - Open a finished lesson in the editor to see what each slider changes START FROM PRESETS Hand-built starting points such as Liquid Glass, Mesh Gradient, Metal Ripple and Ripple Field. YOUR LIBRARY Every shader you generate is saved automatically. Search, mark favorites and pick up where you left off. SHORTCUTS AND SIRI Generate a shader, open one, adjust its parameters or get its code from the Shortcuts app, Spotlight or Siri. PRIVATE BY DESIGN - No account and no sign-in - Your prompts and shaders stay on your device, unless you connect your own model endpoint - On-device generation uses Apple Intelligence on supported devices - Offline templates always work, even in Airplane Mode, so generation never comes back empty - Prefer your own model? Connect any OpenAI-compatible endpoint with your own API key (Pro). The key is stored in the iOS Keychain and sent only to the endpoint you choose FREE - Up to 10 generations a day - 3 saved shaders - 4 presets - The first 2 lessons - Full live preview, touch interaction, speed, intensity, scale and curated palettes PRO - Export and copy code - Unlimited generations and unlimited saved shaders - Set all three colors by hand and tune the touch response - All 8 presets, including Nebula Warp, Crystal Cells, Vortex Rings and Particle Dust - Version history: return to any earlier take - Use your own API key - Every lesson, including new ones as they are added On-device generation requires iOS 26 or later on an Apple Intelligence-capable device with Apple Intelligence turned on. On other devices the app uses offline templates. SUBSCRIPTION INFORMATION Graphica Playground Pro is available as an auto-renewing monthly or yearly subscription, or as a one-time Lifetime purchase. Prices are shown in the app before you buy and may vary by region. - Payment is charged to your Apple Account when you confirm the purchase. - Subscriptions renew automatically unless canceled at least 24 hours before the end of the current period. - Your account is charged for renewal within 24 hours before the end of the current period. - You can manage or cancel your subscription in your Apple Account settings after purchase. Terms of Use: https://graphica.touyou.dev/playground/terms Privacy Policy: https://graphica.touyou.dev/playground/privacy