✨ Preview Component

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.

Project intake is only the starting point. Replace the copy and field choices to use it for contact, quote requests, consultations, lead capture, onboarding, applications, or another conversion-focused form.

How It Works

The left panel combines a tonal purple shader, subtle noise, supporting copy, and three frosted process cards. The right collects contact details, project information, budget, consent, and a written brief, with clear form states.

Submissions use Framer’s native form handling. Notification delivery is configured through the buyer’s Framer project or account.

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 an immersive side-by-side layout. Tablet stacks the visual panel above the form. Phone reorganizes fields and dropdowns into a clear single-column flow with touch-friendly controls.

Customization

Framer variables cover:

• Responsive variant: Desktop, Tablet, and Phone
• 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, service businesses, portfolio sites, lead-generation pages, onboarding flows, applications, and Framer templates needing a distinctive, adaptable form section.

Refund Policy

Due to the digital nature of this product, 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.