---
title: "Dot flow — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Arian Tajik · Buttons. 1,170 Procedural Loading States"
canonical: "https://framer.elliotli.dev/component/dot-flow"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Dot flow

# Dot flow

1,170 Procedural Loading States

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

![Dot flow preview image 1](https://framer.elliotli.dev/og/component/dot-flow/55450f05a9536b91/1600x1200.jpg)

## Summary

1,170 Procedural Loading States

## Description

Dotflow is a customizable procedural loading system for Framer, featuring 13 distinct motion modes and 90 deterministic variations—creating 1,170 loading states in one component.

Customize the active and muted colors, canvas size, dot size, spacing, speed, grid and synchronized glow directly through Framer’s native Property Controls.

Dotflow is responsive, deterministic and built for buttons, forms, dashboards, landing pages, interfaces and full-screen loading experiences. No external assets, packages or dependencies required.

**Preview URL** [https://www.ariantajik.com/dotflow](https://www.ariantajik.com/dotflow)

**Category** Interaction

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

-   All · #6077

## Details

- **Author**: Arian Tajik
- **Price**: $5.00
- **Published**: 2026-07-30
- **Updated**: 2026-07-30
- **Added**: 2026-07-30
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow