|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.

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.

|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.

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.

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 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.

Custom Analog Clock
|Code

Custom Analog Clock

A customizable, timezone-aware analog clock for Framer — blending timeless aesthetics with modern flexibility for personal sites, dashboards and creative projects.

Copy button for code blocks
|Code

Copy button for code blocks

Add instant copy functionality to any code block in your project or CMS with ease. Copy Code Block automatically detects your code snippets and adds a one-click copy button. Works seamlessly with both standalone and CMS-based blocks.

Bubble Button
|Workshop

Bubble Button

About this Component The Spark Button is a modern interactive button designed for Framer projects. ✨ Features: Electric-style spark effect on hover Clean black & white design (customizable colors) Fully responsive, works on desktop, tablet, and mobile

Become a Creator
And vibe with Us

Version 1.1.2
Footer Palms
©2025
vibefra.me