Mobile
React Native
Jugando con react-native-filament y reanimated
Escrito por
Alexei Soliz
23 jul 2025
Un pequeño experimento visual con Filament y Reanimated para explorar iluminación 3D en React Native.
“¿Y si metemos un motor de render 3D en React Native?”
Un experimento de fin de semana para ver hasta dónde podemos llegar.
Explorando la iluminación en React Native con Filament
Durante el fin de semana estuvimos probando react-native-filament, un motor de render en tiempo real que Facebook Research llevó a mobile.
La idea: usarlo junto a react-native-reanimated para animar parámetros como la luz o la cámara, y conseguir una escena 3D fluida directamente en React Native.
¿Por qué hacerlo?
Porque nos gusta entender los límites de lo que se puede construir en móvil, especialmente si el resultado es visualmente potente. Además, nos permite pensar en interfaces ricas para producto, onboarding o visualizaciones.
Lo que aprendimos
Filament es potente, pero no trivial de usar.
Reanimated encaja bien para animaciones suaves, incluso en escenas 3D.
Todavía queda trabajo para interpolar valores y suavizar la interacción (próximo paso).
Demo
📽️ Ver demo completa en el tweet original:
🔗 https://x.com/emprecario/status/1901377767561744398
Newsletter
¿Te ha gustado esta artículo? Suscríbete.
Recibe directamente en tu bandeja de entrada información sobre diseño, actualizaciones de proyectos y consejos para mejorar tu trabajo.
Puedes darte de baja en cualquier momento
Escrito por
Alexei Soliz
Actualizado
23 jul 2025
