About Shader Form

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 →

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 or email at contact@omermirza.com