v1.0.0
- Versión inicial con arrastre de toda la baraja, composiciones responsive, slots propios y renderer estático para Framer.
ComponenteFramer · React · TypeScriptv1.0.0
Relay DeckUna baraja responsive para Framer en la que todo el conjunto sigue el puntero y los gestos táctiles en tiempo real.
Una baraja responsive para Framer en la que todo el conjunto sigue el puntero y los gestos táctiles en tiempo real.
ResponsiveAccesibilidad declaradaDemo aislada
Demo interactiva
Pruébalo como si ya fuera tuyo.
Prueba la interacción, los tamaños responsive y sus ajustes reales sin salir de la ficha.
Relay Deck / v1.0.0
Se abre a pantalla completa dentro de esta misma ficha.
Qué resuelve
Qué aporta Relay Deck a tu proyecto
Relay Deck convierte portfolios, casos de estudio e historias de producto en una secuencia táctil de tarjetas superpuestas. Arrastra la tarjeta activa y todo el conjunto responde como una única composición antes de asentarse en la siguiente posición. Incluye cinco tarjetas dirigidas visualmente y permite conectar hasta siete componentes propios de Framer. La geometría, la navegación, los colores, la tipografía y el movimiento siguen siendo editables.
01
Toda la baraja sigue el gesto de arrastre en tiempo real
02
Cinco tarjetas editables y hasta siete slots de componentes de Framer
03
Navegación con puntero, tacto, flechas, Inicio y Fin
04
Composiciones responsive completa, compacta y widget ultrabajo
05
Tamaño, apertura, profundidad, rotación, umbral y radio editables
06
Cabecera, flechas, progreso, inclinación y entrada opcionales
07
Renderer estático para Canvas y exportación sin efectos continuos
08
Movimiento reducido y scroll móvil vertical protegido
Casos de uso
Situaciones documentadas para esta versión del producto.
- 01
Presentación de portfolios y casos de estudio
- 02
Secuencias de funciones de producto
- 03
Módulos editoriales narrativos
- 04
Presentaciones de servicios y capacidades
Galería del producto
Imágenes y vídeos publicados específicamente para esta versión.
Capacidades publicadas
Valores declarados y revisados para esta versión concreta; no se heredan automáticamente en una actualización.
- Animaciones
- Sí
- Interacción
- Sí
- Responsive
- Sí
- Modo oscuro
- Sí
- Accesibilidad declarada
- Sí
- CMS
- No
- Formularios
- No
- Propiedades configurables
- Sí
Compatibilidad
- Framer
- Desktop
- Tablet
- Mobile
Dependencias
El manifiesto de esta versión no enumera dependencias.
Requisitos
- A Framer project
- A frame at least 260px high for the ultra-short widget mode
Instalación y uso
Estas instrucciones se publican como parte del manifiesto de esta versión.
Instalar
- 01Abre el instalador verificado de Framer incluido con la compra.
- 02Añade Relay Deck a la página y elige tarjetas incluidas o tus propios componentes.
- 03Ajusta tamaño, apertura, profundidad, rotación, navegación y colores en el panel de propiedades de Framer.
- 04Prueba el frame final con puntero, tacto y teclado antes de publicar.
Documentación
- START-HERE.md explica la instalación y la primera configuración.
- CONTROLS.md documenta cada propiedad, rango y valor predeterminado.
- README.md recoge tamaños recomendados y comportamiento responsive.
- CHANGELOG.md y LICENSE.md documentan la versión y el uso permitido.
Accesibilidad
El manifiesto publicado marca esta versión como accesible y declara que su demo admite teclado. Es información del producto, no una certificación externa de conformidad.
- Uso con teclado
- Declarado compatible
- Uso con puntero
- Declarado compatible
Rendimiento
La demo se carga bajo demanda, se pausa fuera de pantalla y no añade sus dependencias al bundle principal de SolveKit.
Historial de cambios
Licencias
Licencia comercial para un solo uso
Usa Relay Deck en un proyecto personal, comercial o para un cliente en Framer. Cada producto final adicional requiere otra licencia. Se prohíben la redistribución y la reventa.
Metadatos de descarga
Datos publicados para identificar el archivo de esta versión y comprobarlo después de descargarlo.
- Archivo
- Relay-Deck-v1.0.0.zip
- Tamaño
- 18 KB (17.761 bytes)
- SHA-256
- f66a5b4168b73c131e9b0a0dd2a3f0218008cf70fc7e2a4dd4d357eba7ae6669
Preguntas frecuentes
¿Puedo utilizar mis propios diseños de tarjeta?
Sí. Cambia al modo Tus componentes y conecta entre dos y siete componentes de Framer como slots.
¿Funciona en pantallas táctiles?
Sí. La baraja admite arrastre táctil y protege el desplazamiento vertical normal de la página en móvil.
¿Puedo cambiar el contenido y los colores?
Sí. Las tarjetas incluidas exponen textos, enlaces y colores, y la baraja permite editar composición, interfaz, tipografía y movimiento.
¿Qué cubre una licencia?
Una compra cubre un producto final personal, comercial o para un cliente. Los productos finales adicionales requieren otra licencia.