Dev Design Library

Cascade Wall

brand-showcase's rolling wall with the blur put back. The frame never moves and only the marks do: each cell is a window over a column holding every mark that cell will ever show, and a page change translates that column by exactly one cell.

Cascade Wall preview
Library
D2Studio UI
Framework
React
Type
component
License
MIT
Install
npx shadcn@latest add https://d2studio.dev/r/logo-cascade.json
Files
  • registry/default/components/logo-cascade.tsx
  • registry/default/components/brand-showcase.tsx
  • registry/default/components/brand-showcase/brand-icons.tsx
  • registry/default/components/brand-showcase/brand-logos.ts
  • lib/utils.ts
Source
https://github.com/rajaaltus/d2studio-ui

Categories

More from D2Studio UI