HN Showcase
Back to browse
Two easing curves and no animation library

Two easing curves and no animation library

by pancomplex·May 5, 2026·2 points·0 comments
Visit ProjectView on HN

AI Analysis

●MidCozyBig Brain

Ditched Framer Motion for two CSS curves and zero dependencies.

Strengths
  • •Demonstrates mastery of modern CSS features like @starting-style and scroll-driven animations.
  • •Achieves 90% bundle size reduction by eliminating heavy animation libraries.
  • •Provides concrete cubic-bezier values for immediate copy-paste utility.
Weaknesses
  • •Blog post format lacks a reusable code library or component package.
  • •Technique relies heavily on marketing site constraints, not complex app interactivity.
Category
Design
Target Audience

Frontend developers and web designers

Similar To

Framer Motion · GSAP · React Spring

Post Description

We gave up all animation libraries and reduced our bundle size by 90%.

Anyone else taking a similar approach?

Similar Projects