Bento Grid Builder ↗

Depth Ribbon

A ribbon of images winding through 3D space

Original ansehen ↗
  • Iris window: Iris window, an opening into color
  • Citrus signal: Citrus signal, a sharp citrus accent
  • Rose petal: Rose petal, three curves in conversation
  • Spectrum: Spectrum, a study in pink and violet
  • Spectrum shift: Spectrum shift, a shift toward coral
  • Rose balance: Rose balance, a bright point of balance
  • Amber loop: Amber loop, warmth around an open center
  • Coral fold: Coral fold, a bold change of direction

In Astro verwenden

---
import Component from '@/components/reactbits/adapters/effect-depth-ribbon.astro';
---
<Component />

Eigene Inhalte und Einstellungen über props übergeben. Die verfügbaren Optionen stehen bei der Originalkomponente.

Verfügbarkeit

Originalquelle
Vollständiger Originalcode lokal mit Prüfsumme gesichert
Astro
Direkt eingebundene Astro-Komponente
Figma
Separate Übernahme noch offen
Storyblok
Eigene CMS-Anbindung noch offen
Detailabnahme
Je Komponente noch offen