---
title: "Auralis — Free Framer component · Best of Framer"
description: "Free Framer component · by Minhal Jafar · Sections. Interactive Glass Gradient"
canonical: "https://framer.elliotli.dev/component/auralis"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Auralis

# Auralis

Interactive Glass Gradient

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

![Auralis preview image 1](https://framer.elliotli.dev/og/component/auralis/4388f84c30397f87/1600x790.jpg)

## Summary

Interactive Glass Gradient

## Description

An interactive hero section for Framer. Cycling display text reveals itself with a directional blur that sweeps in from alternating sides on each change, set over a dark, customizable gradient. On hover, a translucent glass bubble follows the cursor and sheds a trail of smaller bubbles that drift and fade. Click anywhere and the bubble pops into a burst of tiny bubbles, then reforms.

Fully responsive and controlled from the properties panel: an editable text list and interval, a native font picker with weight, style, size, tracking, alignment, and free positioning, two bubble tint colors with bubble size, blur, opacity, and trail life, a dark background as a solid or two-stop brand gradient, and a corner radius that inherits the parent or can be set directly. It respects reduced-motion preferences and scales down cleanly to mobile.

Drop it into a section, set width to Fill and a fixed height, and it's ready. Ideal for landing page heroes, agency and portfolio intros, and any section that needs a bold, playful focal point.

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

-   All · #7275

## Details

- **Author**: Minhal Jafar
- **Published**: 2026-08-11
- **Updated**: 2026-08-12
- **Added**: 2026-08-11
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes