Redesign frontend: new layouts + motion/react + more shadcn - #27
Merged
Conversation
Goes beyond the re-skin — genuinely restructured layouts plus motion throughout via motion/react (v12). Landing: asymmetric editorial hero with a live transcript mockup (waveform → typing), word-by-word headline reveal, bento feature grid (varied tile sizes), drawn-line step timeline, motion segmented pricing toggle (animated layoutId pill + price), and an FAQ accordion. Scroll reveals throughout. Dashboard: replaced the stat-cards + flat list with a bento hero (upload tile + animated stat counters), a grid/list view toggle, an animated filter pill, and AnimatePresence on file cards. Added a ⌘K command palette for navigation. Transcribe: status pill, motion waveform processing state, AnimatePresence state crossfades, animated chat bubbles. Profile/subscription: motion entrance, redesigned plan card with glow. Shared motion primitives (Stagger, Reveal, AnimatedNumber, springs) keep the language cohesive. New shadcn components: command, accordion, toggle-group, hover-card, popover. CSS keyframes kept for the ambient waveform (off main thread); motion used for interruptible UI + reveals.
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Follow-up to the rebuild — this is an actual redesign, not a re-skin. New page structures,
motion/reactanimations throughout, and more shadcn components.What changed structurally
layoutIdpill + price), and an FAQ accordion. Scroll-reveals throughout.Motion + components
motion/reactv12. Shared primitives (Stagger,Reveal,AnimatedNumber, spring tokens) keep the motion language cohesive.command,accordion,toggle-group,hover-card,popover.Verified
bun run lint+bun run buildclean (standalone output).Commandroot-wrapper crash found during verification.🤖 Generated with Claude Code