refactor: replace GSAP animations with CSS animations across components

- Updated RootLayout to include a noise overlay class.
- Refactored LiveModerationFeed to use CSS animations for item entry.
- Simplified AmbientCanvas by removing WebGL and using pure CSS for ambient effects.
- Converted Chatbot to use CSS for floating window animations.
- Updated Card component to include a gradient border.
- Refactored PageTransition to use CSS for fade-scale animations.
- Enhanced SectionHeader with reveal-up animation class.
- Replaced GSAP animations in NavRail with CSS animations for item entry.
- Refactored VoiceStage to use CSS for speaker node animations and pulse rings.
- Removed GSAP dependencies from use-gsap-animation hook, implementing CSS-based stagger reveal.
This commit is contained in:
asepharyana
2026-08-26 19:43:57 +07:00
parent 192685e1ce
commit 611ba39973
18 changed files with 698 additions and 549 deletions
+1 -4
View File
@@ -10,10 +10,8 @@
"format": "biome format --write"
},
"dependencies": {
"@gsap/react": "^2.1.2",
"@orpc/client": "1.15.0",
"clsx": "^2.1.1",
"gsap": "^3.15.0",
"lucide-react": "^1.33.0",
"next": "16.3.2",
"next-themes": "^0.4.6",
@@ -21,8 +19,7 @@
"react": "19.2.8",
"react-dom": "19.2.8",
"swr": "^2.5.1",
"tailwind-merge": "^3.6.0",
"three": "^0.185.1"
"tailwind-merge": "^3.6.0"
},
"devDependencies": {
"@biomejs/biome": "2.5.10",