Shader Form

Shader Form is a full-viewport, two-column section pairing a flowing Liquid shader with a focused native Framer 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

Responsive Native Form Section