Bento Grid Builder ↗

Prism Carousel

A coverflow that sweeps color into each new image

Original ansehen ↗
  • Rose balance: Tilted raspberry rounded rectangle and tangerine disc on a rose-pink field
  • Pink eclipse: Coral-pink disc crossing a violet diagonal plane on a grainy purple field
  • Amber loop: Tilted golden-amber loop on a grainy raspberry-purple field
  • Coral fold: Broad vermilion and orange folded plane over deep plum with fine grain
  • Fuchsia wave: Broad fuchsia S-shaped band with a coral gradient across deep plum
  • Orchid orbit: Fuchsia ring and peach crescent on a grainy orchid-purple field
  • Plum ribbon: Intersecting pink and plum diagonal ribbons on a coral-magenta field
  • Violet steps: Three interlocking violet and pink stepped planes with an amber edge
Rose balanceA bright point of balance
01 / 08

In Astro verwenden

---
import Component from '@/components/reactbits/adapters/effect-prism-carousel.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