---
title: "Kaleidoscope — Free Framer component · Best of Framer"
description: "Free Framer component · by Ava Thiery · Backgrounds. A kaleidoscope component for Framer."
canonical: "https://framer.elliotli.dev/component/kaleidoscope"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Kaleidoscope

# Kaleidoscope

A cursor-reactive kaleidoscope effect

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

![Kaleidoscope preview image 1](https://framer.elliotli.dev/og/component/kaleidoscope/f9cd97f149eb9b5e/1600x1200.jpg)

## Summary

A kaleidoscope component for Framer.

## Description

A kaleidoscope component for Framer. Move your cursor over it and the pattern shifts with you. When idle, it drifts on its own.

Built with SVG, so it stays sharp at any size.

**Features**

-   Cursor-reactive movement
    
-   Idle drift when no cursor is over it
    
-   Twelve-fold symmetry
    
-   Vector-based, scales to any size
    
-   Black and white by default, fully editable in Framer
    
-   No external dependencies
    

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

-   All · #2840

## Details

- **Author**: Ava Thiery
- **Published**: 2026-06-12
- **Updated**: 2026-06-12
- **Added**: 2026-06-06
- **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