|Code

Electric Border

Wrap Framer content in a dynamic, animated electric border using SVG filters for a wavy, electrified effect with customizable chaos levels and speed, hover color shifts, adjustable glow intensity, pixel thickness, and border radius. No coding needed.

3D image Wheel
|Code

3D image Wheel

Showcase your portfolio beautifully with a 3D image wheel created with three.js. Choose between two types — scroll or animation.

Morphing Text Animation
|Code

Morphing Text Animation

Emphasize keywords with the text morphing animation component. Provide a customizable UI

3D Marquee
|Code

3D Marquee

This component displays a grid of your images in a unique 3D perspective, adding depth and a modern, engaging feel to any design.

|Code

Blinds Reveal

Creates a blinds-style reveal animation with full control over direction, timing, and scroll interaction. Easily adjust blinds count, overlap, and motion physics for a tailored visual experience.

Dynamic Pixel Wave Animation
|Code

Dynamic Pixel Wave Animation

A canvas-based hover animation that displays a wave-like ripple effect using small colored squares. The animation is triggered by the user's cursor and reacts based on the distance from the hover point, creating a delayed response for each pixel.

|Code

Slideshow Ultra

The most customizable slideshow for Framer. Mouse swipe interaction, non-looping, full design control over dots and arrows, progress bar and more.

|Code

Heatmap Image

Apple event inspired WebGL heatmap shader for Framer. Apply vibrant animated gradients, glows, and contours to any logo or image with full customization.

Simple Download Button
|Code

Simple Download Button

A clean, customizable download button for your Framer projects. Built for simplicity. Designed to fit in. Perfect for file downloads, resources, templates, and more.

Apple Slider
|Workshop

Apple Slider

Apple like slider where you can play pause slides and you can add slides from canvas like you do in native framer slider with all the property controls.

|Code

Three Dee Space

Bring 3D to your Framer site with one easy-to-use component. Upload models, pick environments, and customize the scene visually.

Water Ripple Effect
|Workshop

Water Ripple Effect

A sleek, interactive ripple animation that adds a touch of elegance and realism to any modern UI. Perfect for landing pages, hero sections — effortlessly elevates your design experience.

|Code

3D Card Scroll 02 (Three.js)

3D cards gallery for Framer built with Three.js. Supports infinite scroll for large collections and optional links on images to detail pages or external destinations.

|Code

GSAP Wavy Text

A powerful GSAP text animation component for Framer that creates a wavy effect on hover or layer in view. It offers a range of customizable properties, including precise animation controls. See the product description for the full list.

|Code

3D Card Scroll 01

3D Card Scroll Live Preview Infinite scroll 3D cards for Framer built with Three.js, featuring GSAP-powered micro-interactions for a highly engaging experience. Adjust camera motion and spatial settings to tailor the scene exactly to your needs.

|Code

Infinite Galaxy Scroll

An infinite image gallery that feels like drifting through space. Built with Three.js for true spatial depth, it offers a smooth scrolling experience across desktop, tablet, and mobile.

Dot Grid Image
|Workshop

Dot Grid Image

Instantly turn any image into a dotted grid with customizable properties. Tweak the colors, grid and dot size, spacing and threshold to fit your needs.

|Code

Dynamic ASCII Reveal Effect

A fully customizable ASCII component compatible with Hover & Scroll Interaction. Built with WebGL, this ASCII Generator allows complete color customization beyond black and white. Use four Dynamic Cover presets to create animated ASCII effects.

Melting Blur Text
|Code

Melting Blur Text

This component brings a melting blur interaction to text, powered by a WebGL shader for high-quality web graphics beyond typical blur. *The control panel is for demonstration purposes and can be hidden at any time using a customizable property

|Code

Marble Reveal Effect

A marble reveal effect component for images and videos, supporting on-scroll and on-hover interactions with a wide range of customizable properties. Made in Framer.

three.js + GLSL
|Workshop

three.js + GLSL

Click anywhere to cycle through five dynamic effects: lightning bolts, explosive shards, expanding rings, spiraling particles, and cascading flares. Each click changes colors and triggers a new visual spectacle.

Become a Creator
And vibe with Us

Version 1.1.2
Footer Palms
©2025
vibefra.me