Built with Framer
Advanced Custom Components for Framer
Mati Fernandez
Verified
Like this project
What the client had to say
Highly recommend Mati! We used his skills for a custom framer project and he delivered exactly what was expected in a timely manner with professionalism.
Pixel One, Pixel-1
Aug 14, 2025, Client
Posted Oct 22, 2025
Two tailor-made React + TypeScript components expanding Framer’s native slideshow capabilities—built for flexibility, performance, and creative control.
Likes
1
Views
8
Timeline
Aug 6, 2025 - Aug 14, 2025
Clients
Pixel-1
Advanced Custom Components for Framer
About the Project
Developed as part of a broader motion-design toolkit for Framer, these components extend what the platform’s built-in tools can do. Both were designed to simplify high-impact visuals while keeping customization fully accessible to non-developers.
Key Components
Slideshow Component for Framer
Slideshow
A fully reimagined carousel system that lets users define their own navigation components, alignment, and motion behavior.
Includes advanced styling options like shadows, rounded edges, and custom layout presets—all configurable through Framer’s interface.
Auto Slide Component for Framer
Auto Slide
An automated sequence engine for image transitions with optional fade, blur, or slide effects.
Features staggered or cascading motion, physics-based timing for consistency, and a series of optimizations for smooth 60fps rendering.
Highlights
100% React + Framer Motion, written in TypeScript
Replaces limitations of Framer’s native slideshow
Performance-oriented: memoized style utilities, lazy image measurement, and throttled observers
Fully responsive with dynamic aspect-ratio scaling
Designed for creative teams who need flexibility without code rewrites
Outcome
Delivered two production-ready Framer components that streamline animation workflows and unlock new visual directions for motion-based websites.