$5

Spiral

Animated spiral that morphs

Details

Category

Last update

Suggest improvement or report a bug

Spiral — Framer component

About this Component

Preview component

A single-color animated spiral that morphs across a huge range of looks — from crisp, thin-lined geometric spirals to flowing whirlpool shapes and wavy, abstract rings, all from one shader with deep stroke and distortion control.

Features

  • Perspective density — simulate spacing falloff toward the center for a flat or deeply "sucked in" spiral look

  • Distortion control — warp the spiral shape organically along its curve

  • Full stroke control — adjust Stroke Width, Taper (fading toward center), and Cap (extra thickness at the center)

  • Noise layer — add noise distortion with its own frequency control for a rougher, less mechanical curve

  • Softness control — go from a hard, high-contrast edge to a smooth, blended transition

  • Fully animated — smooth, continuous motion by default, with full control over speed

  • Built in Paper style, running on a lightweight, zero-dependency shader engine for smooth performance

Controls

  • Background Color

  • Foreground Color

  • Density

  • Distortion

  • Stroke Width

  • Stroke Taper

  • Stroke Cap

  • Noise

  • Noise Frequency

  • Softness

  • Speed

  • Scale / Rotation / Offset

How to use

  1. Add the Spiral component onto your canvas

  2. Set your Background and Foreground colors

  3. Adjust Density and Distortion to shape the overall spiral form — flat and geometric, or deep and whirlpool-like

  4. Fine-tune Stroke Width, Stroke Taper, and Stroke Cap to style the curve itself

  5. Add Noise and Noise Frequency for a rougher, hand-drawn feel

  6. Set Speed to control animation pace, or set it to 0 to freeze on a single frame

Shader powered by Paper Shaders.

Refund Policy: Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

Asset updates

Get new Framer assets delivered to your inbox

New releases, free assets, and occasional offers. No spam.

Asset updates

Get new Framer assets delivered to your inbox

New releases, free assets, and occasional offers. No spam.