feat: add animated components for enhanced UI/UX
- Introduced DrawLine component for drawing animations. - Added LazyRevealImage component for lazy loading images with reveal animations. - Implemented TextDiffuseReveal for animated text reveals with staggered effects. - Created TopProgressBar for a dynamic loading indicator. - Added PointCloud mock for testing animations. - Developed useReducedMotion hook to handle user preferences for reduced motion. - Centralized animation configurations in config.ts for easier management. - Defined animation variants in variants.ts for consistent animation effects. - Established AnimationProvider to supply global animation settings. - Created tests for AnimationProvider and useReducedMotion hook. - Added SVG assets for branding and UI elements. - Documented frontend review plan and hero circuit board animation plan.
This commit is contained in:
1 parent
0ab6930f92
commit
08dd046887
76 files changed
+21682
-1197
No files matched your search
@@ -0,0 +1,19 @@
|
||||
---
|
||||
plan name: frontend-review
|
||||
plan description: Analyze frontend for improvements and performance.
|
||||
plan status: active
|
||||
---
|
||||
|
||||
## Idea
|
||||
Review the project's UI/UX, performance, and animation usage, then provide actionable improvement recommendations.
|
||||
|
||||
## Implementation
|
||||
- Analyze UI components for Web Interface Guidelines compliance.
|
||||
- Audit Next.js App Router and React patterns for performance.
|
||||
- Review animation (GSAP/Framer Motion) usage and performance.
|
||||
- Synthesize findings into an actionable improvement roadmap.
|
||||
- Present plan and recommendations to the user for feedback.
|
||||
|
||||
## Required Specs
|
||||
<!-- SPECS_START -->
|
||||
<!-- SPECS_END -->
|
||||
Reference in new issue
Block a user