---
title: "Zen Interactive BG — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Dalton Taylor · Backgrounds. Spice up your website with this customizable interactive background built for Framer."
canonical: "https://framer.elliotli.dev/component/zen-interactive-bg"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Zen Interactive BG

# Zen Interactive BG

[View on Framer](https://framer.com/marketplace/components/zen-interactive-bg/?via=elliot-li)

![Zen Interactive BG preview image 1](https://framer.elliotli.dev/og/component/zen-interactive-bg/486ad90e56a95447/1600x1200.jpg)

## Summary

Spice up your website with this customizable interactive background built for Framer.

## Description

Spice up your website with this customizable interactive background built for Framer. It reacts to cursor movement and touch with smooth, organic motion. The effect simulates raked sand, gentle ripples, and drifting particles in real time, creating a calm and premium surface for hero sections, landing pages, and portfolios.

Move your mouse or swipe to leave trails that look like brushed sand. Click or tap to create soft ripples that slowly fade. Choose between dots, squares, or use your own logo or image as particles. Everything runs on canvas for high performance and full responsiveness.

How to Use

1.  Drag the **Zen Garden** component into your Framer project.
    
2.  Pick background and particle colors to match your brand.
    
3.  Choose a particle style: Dots, Squares, or Image/Logo.
    
4.  Adjust interaction and appearance in the right-hand panel:
    
    -   Ripple Strength, Rake Radius, and Trail Fade
        
    -   Motion Sensitivity and Hover Scale
        
    -   Grid Pattern or Honeycomb Layout
        

No setup or libraries needed. It works instantly.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-e19s2a5g-aBxlVOiZnEQA2Yha3aKBKn9gyDIROR)

Features

-   **Interactive Surface:** Particles move and react to cursor motion, swipes, and clicks.
    
-   **Customizable Look:** Choose between dots, squares, or branded image particles.
    
-   **Calm Idle Motion:** Even at rest, particles subtly shimmer for a living, ambient feel.
    
-   **Performance Optimized:** Auto density, dual canvases, and GPU-friendly rendering.
    
-   **Responsive Design:** Scales perfectly across all screen sizes and devices.
    

Perfect For

-   Hero sections that need elegant motion
    
-   Portfolios and personal websites
    
-   Product landing pages and brand showcases
    
-   Interactive or ambient backgrounds
    

Summary

**Zen Garden** is a real-time interactive canvas for Framer that brings motion, texture, and serenity to any page. It’s built for designers who want a refined, responsive background that feels alive yet understated.

**Made with ❤️ by Dalton Taylor**

## Rank history [How rankings work →](/terms#rankings)

-   All · #10924

## Details

- **Author**: Dalton Taylor
- **Price**: $6.00
- **Published**: 2025-11-18
- **Updated**: 2025-11-17
- **Added**: 2025-10-20
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background