UI Components Playground
Controles nativos con código
Gratis · Compras dentro de la app · Diseñado para iPad. No verificado para macOS.
iPad
Ejemplos de SwiftUI que puedes tocar y copiar. UI Components Playground es un catálogo interactivo de controles nativos de iOS con el estilo Liquid Glass: botones, controles deslizantes, interruptores, selectores, campos de texto y controles segmentados, cada uno con código SwiftUI que puedes copiar. Incluye una Galería de Orbes y una Galería de Bocetos, explicaciones en el dispositivo y atajos de Siri.
Explora controles nativos reales de la plataforma, renderizados con la estética moderna "liquid glass" del propio sistema: botones, deslizadores, interruptores, selectores, campos de texto, controles segmentados y más, cada uno totalmente interactivo y comportándose exactamente como lo haría en una app publicada.
Bibliotecas complementarias (nuevo)
Dos galerías vivas integradas directamente en el catálogo:
• Galería de Orbes: cada estado de carga de "Thinking Orbs" (trabajando, buscando, resolviendo, escuchando, conectando, tejiendo, componiendo, respirando, formando), mostrado en grande junto con la línea exacta de SwiftUI que lo dibuja.
• Galería de Bocetos: cada control dibujado a mano de "Drawably" (botones, interruptores, casillas, radios, campos, tarjetas, insignias, divisores, listas), con la animación de tinta hirviendo incluida.
Toca Copiar en cualquier fragmento para poner el código SwiftUI funcional directo en tu portapapeles. Los fragmentos copiados recientemente se recuerdan en la pantalla de inicio.
Explicaciones en el dispositivo
Toca "Explicar" en cualquier componente para obtener una explicación breve y sencilla, redactada en vivo por el modelo de lenguaje en el dispositivo, sin cuenta, sin solicitudes de red, y con un texto de respaldo claro si el modelo no está disponible en este dispositivo.
Sin manos con Siri
Abre la Galería de Orbes o la Galería de Bocetos, pide una explicación, o copia el código de un componente, todo por voz, usando los atajos de Siri de esta versión.
Por qué esta app
Los wireframes y mockups estáticos suelen quedarse cortos a la hora de transmitir el comportamiento y los matices de los componentes reales de interfaz. Esta app resuelve eso mostrando componentes nativos reales exactamente como se ven y se comportan en la plataforma, junto con dos de las bibliotecas de estilo SwiftUI de código abierto más comentadas.
Es ideal para revisiones de diseño, demostraciones de producto, talleres de alineación de equipo, o simplemente para explorar capacidades de UI y código reutilizable.
Características clave
Elementos de UI nativos en vivo: controles reales que responden exactamente como lo harían en una app en producción.
Estilo visual moderno: una interfaz limpia inspirada en la dirección de diseño liquid glass del sistema.
Bibliotecas de componentes adicionales: las galerías de Orbes y Bocetos, cada una con código copiable.
Explicaciones de IA en el dispositivo: privadas, locales, con un respaldo claro sin conexión.
Claridad de diseño a desarrollo: referencia componentes de UI reales y precisos en lugar de imágenes estáticas.
Ideal para presentaciones: perfecta para recorridos de producto y demos ejecutivas.
Ideal para
Diseñadores de producto, investigadores de UX/UI, gerentes de producto, desarrolladores, fundadores de startups, agencias digitales, consultores de diseño y educadores.
Casos de uso prácticos
Revisa diseños con UI real antes del desarrollo. Alinea las expectativas de diseño e ingeniería. Presenta el comportamiento de componentes nativos a los interesados. Reutiliza fragmentos de SwiftUI en tu propio proyecto. Capacita a diseñadores junior en las guías de la plataforma.
Usar componentes nativos y bibliotecas de código abierto bien hechas garantiza una experiencia, rendimiento y consistencia óptimos. Esta app es un motor de alineación de diseño: controles reales como punto de referencia hacen que las conversaciones de producto sean más claras y rápidas.
Ábrela, toca un control y copia el código.
Calificaciones y reseñas
- Esta app no ha recibido suficientes calificaciones ni reseñas para mostrar un resumen.
Ahora se descarga gratis. Todas las demos nativas y los ejemplos en vivo son gratis, con 3 copias de código al día. Un desbloqueo Pro de pago único agrega copias ilimitadas y las galerías de orbes y bocetos. Si compraste la app antes, todo sigue desbloqueado sin costo.
El desarrollador (Hemal Modi) indicó que las prácticas de privacidad de la app pueden incluir el manejo de datos que se describe a continuación. Para obtener más detalles, consulta la política de privacidad del desarrollador .
No se recopilan datos
El desarrollador no recopila ningún dato en esta app.
Accesibilidad
El desarrollador aún no ha indicado cuáles funciones de accesibilidad admite esta app. Obtén detalles
Ficha técnica
- Vendedor
- Hemal Modi
- Tamaño
- 18 MB
- Categoría
- Para desarrolladores
- Compatibilidad
Requiere iOS 18.0 o posterior.
- iPhone
Requiere iOS 18.0 o posterior. - iPad
Requiere iPadOS 18.0 o posterior. - Mac
Requiere macOS 15.0 o posterior y una Mac con el chip M1 de Apple o posterior. - Apple Vision
Requiere visionOS 2.0 o posterior.
- iPhone
- Idiomas
- Español, Inglés
- Edad
4+
- 4+
- Compras dentro de la app
Sí
- Components Pro $39.00
- Copyright
- © hemal modi