ARForge Components.
Componentes interactivos premium para Framer
con documentación práctica.
Encuentra tu componente 10
Ver todosApp Story Rail
Convierte las capturas de tu app en una secuencia de capítulos con profundidad, navegación por deslizamiento y un panel narrativo sincronizado.
Arc Portfolio Deck
Presenta proyectos seleccionados en un arco interactivo de tarjetas editoriales con arrastre, navegación por teclado y enlaces editables.
Chromatic Media Portal
Un portal de imágenes que combina separación cromática localizada, perspectiva sutil y una máscara interactiva para revelar una segunda imagen.
Code Demo Narrator
Explica software con código, previews visuales, líneas resaltadas, anotaciones y diferencias sincronizados con el desplazamiento.
Device Morph Stage
Presenta un producto en Phone, Tablet y Desktop dentro de un único marco de dispositivo que se transforma.
Fluid Music Player
Reproduce archivos de audio subidos o URL directas en un reproductor compacto que se amplía para mostrar la portada, los controles y la cola de pistas.
Global Presence Orbit Map
Mapa mundial interactivo con ubicaciones seleccionables, rutas curvas, un panel de información y animaciones coordinadas en las vistas Flat y Globe.
Launch Drop Capsule
Presenta un lanzamiento programado con fases Teaser, Preorder, Live y Closed, cuenta regresiva, acciones por fase y un indicador opcional de disponibilidad manual.
Liquid Section Navigator
Un navegador flotante de secciones con indicador líquido, seguimiento del desplazamiento, tres estilos, progreso opcional y menú móvil compacto.
Scroll Demo Narrator
Convierte la demo de un producto en una historia sincronizada con el scroll: una pantalla fija, el texto de cada capítulo, el color de acento y una línea de progreso que avanzan juntos.
Un buen punto de partida
De la configuración a los detalles- 01
Abre tu guía
Encuentra tu componente y comprueba la versión al inicio de su documentación.
- 02
Personalízalo
Sigue los primeros pasos y consulta las propiedades para ajustar los detalles.
- 03
Prueba y ajusta
Prueba la configuración en Framer Preview y consulta las recomendaciones para distintos tamaños.
Consulta la solución de problemas o descubre cómo obtener ayuda.