Skip to content

feat(www): static component previews with hover wash - #700

Open
mehdibha wants to merge 1 commit into
mainfrom
claude/component-previews-redesign-79aa66
Open

feat(www): static component previews with hover wash#700
mehdibha wants to merge 1 commit into
mainfrom
claude/component-previews-redesign-79aa66

Conversation

@mehdibha

@mehdibha mehdibha commented Sep 1, 2026

Copy link
Copy Markdown
Owner

Summary

Remakes the previews on /docs/components. Cards now show clear, static compositions of each component (e.g. Button = text button + icon button, Checkbox = checked + unchecked, Menu = trigger + open list) instead of looping hover animations.

  • Deletes the autoplay layer (~1,100 lines: timelines, typewriter, faux state attributes, follower cursor, overlay choreography) and its click-ripple keyframes.
  • Adds a subtle wash over the preview on hover/focus so the card reads as a preview to open, not a control to operate.
  • Overlay previews (menu, select, combobox, date picker, color picker, popover, modal, drawer) keep trigger + open surface, frozen; anchored surfaces hang below a top-aligned trigger and crop at the card's bottom edge.
  • Drops the cursor flag from components-data; fill now only marks self-framing overlay demos.

Test plan

  • pnpm check, pnpm typecheck
  • Full-page render of /docs/components reviewed (every category)
  • Hover a few cards: wash + border change, click still navigates

@vercel

vercel Bot commented Sep 1, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
dotui Ready Ready Preview Sep 1, 2026 7:57pm UTC

@github-actions github-actions Bot added the area: www The dotui.org app: site, landing, docs pages label Sep 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: www The dotui.org app: site, landing, docs pages

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant