---
title: "Scroll Search Morph — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Hasan Wali · Forms. Scroll interaction for SaaS sites."
canonical: "https://framer.elliotli.dev/component/scroll-search-morph"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Scroll Search Morph

# Scroll Search Morph

Scroll interaction for SaaS sites.

[View on Framer](https://framer.com/marketplace/components/scroll-search-morph/?via=elliot-li)

![Scroll Search Morph preview image 1](https://framer.elliotli.dev/og/component/scroll-search-morph/e5a9e40ca5dfd2d2/1600x1200.jpg)

## Summary

Scroll interaction for SaaS sites.

## Description

**About this Component**

Haytham Search Flow is a scroll-driven interaction that transforms scattered feature labels into a focused search experience. As the page moves, feature pills converge toward the center, the opening message transitions away, and the scene resolves into a final result with a clickable search-style action.

**Perfect For**

Creative portfolios, product sites, AI/SaaS experiences, editorial layouts, landing pages, feature presentations, and storytelling sections.

**Key Features**

• Scroll-driven multi-stage transformation • Up to 12 editable feature labels • Individual X/Y offsets for every feature • Seven pre-positioned scattered defaults • Editable opening, result, body, and search copy • Optional clickable search action • Custom decorative mesh image support • Built-in gradient mesh fallback with editable colors and blur • Separate desktop/mobile mesh scaling • Display, body, and label typography controls • Background, text, surface, and stroke styling • Responsive breakpoint, spacing, widths, and mobile type controls • Adjustable scroll length • Accessible heading and scene-label controls

**How It Works**

Drop the component into your page and scroll. It creates its own pinned scroll sequence, so no extra sticky wrapper is required. Edit the labels, reposition each one with X/Y offsets, customize the copy and visuals, and add a destination to the search action if needed.

**Questions?** Reach out at [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com)

**Refund Policy**

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

## Rank history [How rankings work →](/terms#rankings)

-   All · #11260

## Details

- **Author**: Hasan Wali
- **Price**: $12.00
- **Published**: 2026-09-01
- **Updated**: 2026-09-01
- **Added**: 2026-09-01
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from