Archive

Zero-Dependency CSS Animations

How to build high-performance interactions without the bloat of JS libraries.

Modern browsers have matured. We no longer need Framer Motion for simple enter/exit transitions.

@keyframes slide-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.item {
  animation: slide-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

Keep it light, keep it fast.