Surp Shahid

I just released a new component called Reveal Prism. It acts as an interactive magnifying glass that reveals a hidden second image on hover.

Instead of a basic mask, it uses spring physics so the lens actually has weight as you drag it around, and it dynamically magnifies the exact spot you are pointing at. You can control the lens weight, glass tint, base blur, and corner radius to fit your layout.

I also set it up to render a static preview inside the Framer editor, so it will not cause any canvas lag while you are working.

Kinematic Silk: Interactive 3D Fabric

Premium WebGL Physics: Turns any static image into flowing, interactive digital silk running at a buttery-smooth 60fps.

Liquid Mouse Drag: The fabric physically ripples, pulls, and reacts instantly as users move their cursor across it.

Dynamic 3D Lighting: Built-in shadows artificially darken the creases and highlight the peaks as the fabric waves.

Total Control: Easily tweak the fabric weight, wind billow speed, and interaction strength right from the Framer properties panel.

Edge Pinning: Toggle "Pin Top Edge" to anchor the image like a hanging banner, or turn it off to let the whole canvas float.

Zero-Code Setup: Just drag, drop, and link your image to instantly upgrade your hero section.

An infinite, physics-driven stacking slider built for highly tactile interfaces. Drag, flick, or swipe cards in any direction with responsive spring mechanics, automatic depth scaling, dynamic background blurring, and continuous looping

What is Included:

Home: A high-impact landing page featuring a prominent video hero section designed to immediately hook visitors with your latest showreel.

Portfolio: A highly visual, organized gallery tailored for video thumbnails. It allows clients to easily browse your past projects, music videos, commercials, or short films without clutter.

About: A dedicated space to share your journey, detail your editing workflow, list your software expertise (like Premiere Pro, After Effects, or DaVinci Resolve), and build trust.

Contact: A clean, streamlined inquiry page making it incredibly easy for directors, agencies, and creators to book you for their next project.

Essential Utility Pages: A custom 404 Error page to keep lost visitors engaged, alongside standard Privacy Policy and Terms of Use pages to give your freelance business a polished, professional edge from day one.

Retro LCD Aesthetic: The greenish-yellow tint with subtle horizontal grid lines perfectly mimics an old-school passive-matrix LCD screen.

Minimal Design: A clean, black-and-white layout that makes your projects stand out.

Made for Designers: Perfect for UI/UX designers, creators, and agencies to show off their work.

Easy Case Studies: Includes simple layouts to present your projects and designs clearly.

Process Layout: A dedicated section to show clients exactly how you work step-by-step.

Contact Ready: Features built-in testimonial sections and a clean form to get new clients.