Four premium shader-driven Framer components, bundled together for a limited launch price.

Bought separately, the components are worth $39. You can get the complete bundle for $25.

What’s Included

1. Hover Shader Index

Hover Shader Index turns a simple list into an interactive visual experience.

Hovering over an item activates it, dims the remaining options, reveals a matching liquid shader block with an icon, and displays supporting text below.

Each state uses its own tuned shader palette and seed while maintaining a consistent visual system. The component is responsive, switches to tap-based interaction on mobile, and can be customized through Framer variables for content, colors, logos, motion, and shader settings.

Ideal for AI startups, SaaS landing pages, product feature sections, service showcases, portfolio pages, tool stack sections, creative studios, and any Framer website that needs a visually rich but minimal way to present multiple capabilities.

Check it out on the Framer Marketplace

2. Spatial Cards

Spatial Cards is a customizable 3D carousel for presenting content through a layered, dimensional card stack.

With each transition, the active card lifts, moves backward through 3D space, and allows the next card to move forward in one fluid sequence.

The component includes three liquid-gradient cards with editable text, CTAs, shader settings, and navigation colors through Framer’s property controls.

Use it for SaaS landing pages, product showcases, feature sections, creative portfolios, launch pages, editorial layouts, and Framer templates that need a more memorable way to move through short-form content.

Check it out on the Framer Marketplace

3. Shader Form

Shader Form is a responsive two-column section combining a flowing liquid shader, frosted process cards, and a native Framer form.

It is designed for project intake by default, but can also be used for:

• Contact forms
• Lead capture
• Quote requests
• Client onboarding
• Applications
• General enquiries

Content, field options, CTA states, responsive variants, and shader settings can all be edited directly in Framer without custom code.

Ideal for creative studios, agencies, freelancers, SaaS teams, consultants, portfolio sites, lead-generation pages, onboarding flows, and Framer templates needing a distinctive, adaptable form section.

Check it out on the Framer Marketplace

4. Shader Card Stories

Shader Card Stories is a single Framer card that automatically cycles through three content modules every five seconds.

Each story combines a liquid-gradient shader with a subtle content fade, while sleek progress bars indicate the active and completed modules.

You can customize each module’s eyebrow, context, headline, meta information, and lesson link directly in Framer. Core typography, spacing, shader styling, motion, and timing remain fixed to preserve the design system.

Although the default content is course-focused, the component can be adapted for product stories, features, portfolios, case studies, announcements, and other structured content.

Check it out on the Framer Marketplace

Bundle Value

Bundle Price

$25

How to Access the Bundle

1. Purchase the bundle.
2. After payment, you will receive access to all four component links.
3. Duplicate, customize, and use the components in your own Framer websites.

Usage

You may use the components in:

• Personal projects
• Commercial projects
• Client projects
• Framer templates

You may not:

• Resell the components as standalone products
• Redistribute the original links
• Share the bundle publicly or privately
• Claim the original components as your own work
• Upload or republish the components on another marketplace

Refund Policy

Due to the digital nature of the products in this bundle, all sales are final, and refunds will not be issued. Please ensure you review all product details carefully before purchasing. If you have any questions or need further clarification, feel free to reach out before completing your purchase.

Questions & Support

Reach out any time via x.com or email at contact@omermirza.com.