Biblioteca de componentes

Encuentra tu punto de partida.

Guías prácticas para cada componente documentado. Elige el tuyo para configurarlo, explorar sus controles y ajustar los detalles.

Buscar en la documentación…⌘ / Ctrl K

Todos los componentes 10

Componentes de código para Framer
01Narrativa de productosDisponible

App 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.

v1.0Componente de código para Framer
02Portafolio y editorialDisponible

Arc Portfolio Deck

Presenta proyectos seleccionados en un arco interactivo de tarjetas editoriales con arrastre, navegación por teclado y enlaces editables.

v1.0Componente de código para Framer
03Medios interactivosDisponible

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.

v1.0Componente de código para Framer
04Historias de softwareDisponible

Code Demo Narrator

Explica software con código, previews visuales, líneas resaltadas, anotaciones y diferencias sincronizados con el desplazamiento.

v1.0Componente de código para Framer
05Presentación de productosDisponible

Device Morph Stage

Presenta un producto en Phone, Tablet y Desktop dentro de un único marco de dispositivo que se transforma.

v1.0Componente de código para Framer
06AudioDisponible

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.

v1.0Componente de código para Framer
07Mapas y redesDisponible

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.

v1.0Componente de código para Framer
08Lanzamientos y comercioDisponible

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.

v1.0Componente de código para Framer
09NavegaciónDisponible

Liquid Section Navigator

Un navegador flotante de secciones con indicador líquido, seguimiento del desplazamiento, tres estilos, progreso opcional y menú móvil compacto.

v1.0Componente de código para Framer
10Narrativa de productosPublicación pendiente

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.

v1.0Componente de código para Framer
Buscar en la documentación

Elige un componente o busca un ajuste.

App Story RailApp Story RailConvierte las capturas de tu app en una secuencia de capítulos con profundidad, navegación por deslizamiento y un panel narrativo sincronizado.Arc Portfolio DeckArc Portfolio DeckPresenta proyectos seleccionados en un arco interactivo de tarjetas editoriales con arrastre, navegación por teclado y enlaces editables.Chromatic Media PortalChromatic Media PortalUn 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 NarratorCode Demo NarratorExplica software con código, previews visuales, líneas resaltadas, anotaciones y diferencias sincronizados con el desplazamiento.Device Morph StageDevice Morph StagePresenta un producto en Phone, Tablet y Desktop dentro de un único marco de dispositivo que se transforma.Fluid Music PlayerFluid Music PlayerReproduce 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 MapGlobal Presence Orbit MapMapa mundial interactivo con ubicaciones seleccionables, rutas curvas, un panel de información y animaciones coordinadas en las vistas Flat y Globe.Launch Drop CapsuleLaunch Drop CapsulePresenta un lanzamiento programado con fases Teaser, Preorder, Live y Closed, cuenta regresiva, acciones por fase y un indicador opcional de disponibilidad manual.Liquid Section NavigatorLiquid Section NavigatorUn navegador flotante de secciones con indicador líquido, seguimiento del desplazamiento, tres estilos, progreso opcional y menú móvil compacto.Scroll Demo NarratorScroll Demo NarratorConvierte 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 ju…
↑ ↓ para navegar↵ para abriresc para cerrar

Create a free website with Framer, the website builder loved by startups, designers and agencies.