FORMA Docs

Soundwave

Wie eine Stimme aussieht, während eine App zuhört: Pillen, Balken, Linie oder Punktfeld.

import { Soundwave } from "@/forma/ai/voice";
Base

In FORMA

  • Liegt in kit/ai/voice.tsx und ist über @/forma/ai/voice erreichbar.
  • FORMAs eigener Baustein, auf Arc gebaut: Arcs Buttons, Felder und Federn darunter, Farbe, Ecken, Höhen und Tempo aus der Richtung.

Usage

import { Soundwave } from "@/forma/ai/voice";

API reference

PropTypeDefaultDescription
variant"pills" | "bars" | "line" | "dots""bars"
state"idle" | "listening" | "thinking" | "speaking""listening"eigene Bewegung ohne Pegel
levelnumber | RefObject<number>–0 bis 1; ein Ref für viele Werte pro Sekunde

Motion

  • Pegel mit schnellem Anstieg und langsamem Abfall, wie ein Messgerät.
  • Bei reduzierter Bewegung steht sie still.

Herkunft

  • Aufbau und Inhalt nach PanelUI (panelui.dev, MIT), neu gebaut auf Arc: Arcs Buttons, Felder und Bewegung, Farben und Formen aus der Richtung.
ZurückRange meterWeiterCommand dock

Komponente und Text: Arc UI (MIT, uiarc.dev), angepasst für FORMA.