Ir al contenido
jolt.
SENSACIÓN NATIVA. EXPRESIÓN SIN LÍMITES.RC.11.1

SIENTECADA FRAME.

El motor de animación para interfaces que no solo usas. Las sientes. Creado para NativeScript. Vivo en la web.

OBJECT 001 — EN ESTADO DE FLUJO
Arrastra. Siente la inercia.
JOLT WEB
HECHO PARA TU FORMA DE CREAR.
NativeScript/iOSAndroid/Web EXPERIMENTAL
↓
VENA / NATIVESCRIPT + JOLTUN RITMO PROPIO

200 MIL PUNTOS DE LUZ.

Cada punto.
Un pulso.

Un corazón hecho de luz. Un cuerpo que responde a ti. Acércate, cambia el ritmo y mira cómo cada punto cobra vida.

Siente Vena Llévate el movimiento
iOS / GRABACIÓN NATIVA

Vena en iOS: grabación del creador, con interfaz en inglés, apertura, corazón de partículas, colección de ritmos y enfoque del corazón. Velocidad original, exportación a 60 fps, sin audio; se omiten los primeros 3,25 segundos del inicio del sistema. Dispositivo no especificado; no mide rendimiento. Valores de BPM ilustrativos.

BodyParts3D © DBCLS · CC BY 4.0 / MakeHuman · CC0 ↗
AURALIS / NATIVESCRIPT + JOLTEL ARTE DE LLEGAR

UNA PRIMERA IMPRESIÓN QUE PERDURA.

Una gran
entrada.

Cristal que flota. Luz que guía. Tres escenas que convierten el primer toque en el comienzo de algo.

Conoce AuralisDos recetas. Hazlas tuyas.
  1. 01Posibilidades
  2. 02Conexión
  3. 03Flujo
Auralis

Auralis en iOS: grabación del creador con apertura animada, tarjetas de cristal flotantes, tres escenas de onboarding y controles de página. Velocidad original, sin audio; se omiten los primeros 4,25 segundos de la pantalla de inicio y transición del sistema. Dispositivo no especificado; no mide rendimiento. Cuentas y servicios ilustrativos.

HECHO CON JOLT / PROYECTO DESTACADO

Morrow.

Música. Para sentir.

Un vinilo que puedes tocar. Una página de artista que cobra vida. Una experiencia musical creada con NativeScript y Jolt.

Conoce Morrow
NativeScriptJoltiOS
Página de artista de Morrow, fotograma de la grabación iOS
MIRA LA APP REAL ↗

Morrow · NativeScript + Jolt. Grabación iOS del creador: apertura animada, página de artista, reproductor de vinilo, búsqueda en la pista y transición a vídeo. Tiempo original; se omiten los primeros 2,4 segundos de la pantalla de inicio. Dispositivo no especificado.

HEXDROP / NATIVESCRIPT + JOLTRC.11 ↗

UN PEQUEÑO GESTO. TODO UN MUNDO.

Un poco
de magia.

Suelta un archivo. Despierta la poción. Mira cómo una arañita se sube al viaje. Hasta esperar puede ser maravilloso.

Conoce HexdropExplora las dos recetas
  1. 01Suelta
  2. 02Prepara
  3. 03Encanta
VISTAS NATIVAS. UN POCO DE HECHICERÍA.

Hexdrop en iOS: grabación del creador con apertura animada, arrastre, preparación, selector de documentos y repetición. Velocidad original, sin audio; se omiten los primeros 3,8 segundos de la pantalla de inicio y transición del sistema. Dispositivo no especificado. Demo local; no se suben archivos.

01 / LA COLECCIÓN DE MOVIMIENTO

Llévate la sensación.
Hazla tuya.

Interfaces reales. Grabaciones nativas reales. Encuentra tu próximo «¿cómo hicieron eso?».

Las 22 recetas

MENOS MIRAR. MÁS JUGAR.

Tienes que sentirlo.

Todos los lados de Jolt Web. Tuyos para explorar. 53 experimentos. Un playground.

LA COLECCIÓN 53
Movimiento y física

Spring

LIVE

Toca, cambia el destino, interrumpe. Siente el impulso.

spring.ts

// Hazlo tuyo.

import { createWebRuntime } from '@rafaelaugusto/jolt/web'

// Dentro del componente montado, con sus refs DOM:
const motion = createWebRuntime(document)
const scope = motion.scope()

scope.animate(card, { x: 110, rotate: 12 }, {
  type: 'spring', bounce: 0.4, duration: 800
})

// Al desmontar el componente: scope.dispose(); motion.dispose()
Guía de API y límites

Jolt Web real, ejecutándose aquí. Las funciones del dispositivo muestran el soporte real del navegador. Conoce la colección ↗

03 / NOTAS DE CAMPO

Rendimiento.
A la vista.

ESTUDIO EXPLORATORIO

Una animación. Un teléfono real. Resultados que puedes revisar, incluidos los puntos a mejorar.

CONFIGURACIÓN PREDETERMINADA
−53,6%

menos tiempo de CPU del proceso en esta prueba

NativeScript + Jolt
vs. React Native + Reanimated
NativeScript + Jolt6,79 s / 30 s
React Native + Reanimated14,63 s / 30 s
Mediana del tiempo de CPU de todos los hilos de la aplicación, normalizada a 30 segundos.
ASUS ZenFone 3 · Android 8.0.05 pares alternados · 30 s por ejecución · apps release
01

Una prueba de alcance pequeño.

Un bloque de 48 × 48 con movimiento y opacidad. Se comparan las aplicaciones completas en este teléfono; no demuestra ahorro de batería ni una clasificación general en Android.

02

Los límites también se muestran.

Jolt predeterminado usó más PSS y tuvo mayor espera de presentación. En una prueba separada con perfil V8 size, bloquear JavaScript produjo medianas de intervalos máximos de 309,13 ms frente a 17,06 ms de Reanimated. Hay fallos de inicio sin causa resuelta.

02 / MÁS ALLÁ DE LA DEMO

Hecho para impresionarte.

Explora los proyectos

LA PELÍCULA · 01:00

This is NativeScript.

Un minuto de Jolt y Motion Studio con capturas reales del simulador iOS, montaje publicitario y música. Las escenas con SceneKit son exclusivas de iOS.

HECHO CON JOLT · iOS

Jolt
Drive.

Gira el coche. Entra en la cabina. Recorre Austin. Vistas nativas y un mundo 3D que se mueven juntos.

Jolt Drive en iOS: entrada del garaje del GIF publicado por el proyecto, convertido a MP4 conservando el tiempo de cada fotograma. Dispositivo no especificado; esta vista previa no mide rendimiento.

Ver el recorrido anterior de Jolt Car 02:04

Simulador iOS: ejemplo inspirado en Tesla con coche 3D, controles de climatización y un recorrido de recogida. Velocidad original; interfaz de demostración, sin conexión a un vehículo real.

TU PRÓXIMA GRAN INTERFAZ EMPIEZA AQUÍ.

Menos configuración.
Más posibilidades.

Código abierto. Para explorar, adaptar y crear a tu manera.

Empieza a crear

UN PEQUEÑO PRIMER PASO

$npm install
@rafaelaugusto/jolt@0.1.0-rc.11.1
Instalación y configuración ↗