---
title: "Shader Form — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Omer Mirza · Forms. Shader Form is a full-viewport, two-column section pairing a flowing Liquid shader with a focused native Framer form."
canonical: "https://framer.elliotli.dev/component/shader-form"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Shader Form

# Shader Form

Responsive Native Form Section

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

![Shader Form preview image 1](https://framer.elliotli.dev/og/component/shader-form/b4d4ef6ec2394a33/1600x1200.jpg)

## Summary

Shader Form is a full-viewport, two-column section pairing a flowing Liquid shader with a focused native Framer form.

## Description

**Get this component in the complete Shader Components Bundle.** Access all four paid shader-driven Framer components—worth **$39 separately—for $25.**

[Get the Shader Components Bundle →](https://buy.polar.sh/polar_cl_FBTRwXvW4IxXMkrBRaY6alzgUNvhGm5kkWwJN4Gn6NH)

**Shader Form** is a full-viewport, two-column section pairing a flowing Liquid shader with a focused native Framer form. The default setup is made for project intake, giving studios and freelancers a polished way to collect structured briefs.

Framer handles submissions natively, with notifications sent to registered email address.

### Design and Motion

Inter typography, precise spacing, squircle corners, translucent cards, and a fluid shader create a refined technical feel. The component uses native Framer stacks, form elements, and Shader.

### Responsiveness

Desktop uses a side-by-side layout. Tablet stacks the visual panel above the form, while Phone shifts fields and dropdowns into a touch-friendly single column.

### Customization

Framer variables cover:

-   **Main copy:** Headline, supporting copy, three process-step labels, form heading, and form supporting copy
    
-   **Field labels:** First name, last name, email, company, project type, budget range, and project brief
    
-   **Placeholders:** First name, last name, email, company, and project brief
    
-   **Form options:** Company-field visibility, budget-field visibility, and consent copy
    
-   **CTA labels:** Default, loading, incomplete, success, and error states
    
-   **Shader controls:** Seed, speed, loop, scale, amplitude, frequency, definition, bands, bias, Jellify, noise amount, exposure, contrast, and saturation
    

### Great For

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

### Questions & Support

Reach out any time via [x.com](http://x.com/omeronframer) or email at [contact@omermirza.com](mailto:contact@omermirza.com)

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

-   All · #558

## Details

- **Author**: Omer Mirza
- **Price**: $12.00
- **Published**: 2026-07-16
- **Updated**: 2026-08-18
- **Added**: 2026-07-16
- **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