Framer Website Design Projects in RajkotFramer Website Design Projects in Rajkot
Projects
People
Cover image for Hano animations
$1K+ earned
Hano animations
0
8
Cover image for Framer Animated Gallery | Scroll-Based
Framer Animated Gallery | Scroll-Based Interactions Built a custom animated gallery component for Framer focused on immersive scroll interactions and visual storytelling. The gallery stays pinned while images smoothly expand into a featured view, with optional video support and fully customizable animation, spacing, playback, and layout controls. Built for portfolios, real estate, architecture, photography, travel, products, and other visual-first websites. What I built • Custom Framer animated gallery component • Scroll-driven image transitions • Pinned gallery interaction • Smooth featured-image expansion • Video support with playback controls • Custom animation easing and stagger controls • Responsive and scalable layout • Fully configurable Framer property controls • Developer-friendly component structure The goal was to turn a standard image gallery into a more immersive storytelling experience without requiring users to edit code.
0
41
Cover image for **Project Hover List** — Every
**Project Hover List** — Every row, a reveal. Hover a project, watch it come alive. https://www.framer.com/marketplace/components/project-hover-list/ Project Hover List recreates the classic agency case-study index interaction — the numbered project list where a preview image follows your cursor — as a fully data-driven Framer code component, not a static demo. **What it does:** - Hovering a row floats a live image preview next to the cursor, spring-smoothed so it settles instead of snapping. - Fast cursor movement adds a subtle velocity-based skew to the preview, the same micro-detail used on high-end portfolio sites. - Non-hovered rows dim to create focus, and each row draws its own underline on hover. - Images crossfade when moving quickly between rows instead of flashing. - On mobile or any touch device, the cursor-follow preview is replaced with a clean inline thumbnail per row — detected automatically via container width and pointer type, no manual toggle needed. - Respects `prefers-reduced-motion` and renders a clean static frame on the Framer Canvas and in exports. **Fully editable via Property Controls:** project list (title, category, image, link per row), font, text/accent/divider colors, preview image size, corner radius, and the mobile breakpoint.
0
16