60 FPS Everywhere: How We Made Nyura Buttery Smooth
CSS transition audits, targeted animations, and the engineering behind pixel-perfect performance on every device.
The Hidden Cost of transition-all
When you use transition-all in CSS, you're telling the browser to watch every single CSS property for changes — that's hundreds of properties including layout-triggering ones like width, height, and padding. On a page with dozens of cards, buttons, and progress bars, this creates a constant stream of unnecessary work.
In Nyura v4.48.9, we audited over 230 instances of transition-all across the entire codebase. The result? Components that only need to animate a border color were inadvertently watching transforms, shadows, paddings, and more. On older phones, this meant dropped frames during scrolling and interaction.
Surgical Precision: One Property at a Time
Instead of the blanket transition-all, we now use targeted transitions everywhere:
- Progress bars use transition-[width] — they only animate their fill
- Cards use transition-[border-color,box-shadow] — for that satisfying hover glow
- Buttons use transition-[background-color,transform] — color shifts and press feedback
- Floating actions use transition-[transform,box-shadow] — smooth entry and depth
- Filters use transition-colors — clean, instant state changes
This means the browser does exactly zero extra work. Every animation is GPU-composited where possible, and layout thrashing is eliminated. The result is consistent 60 FPS on every device — from the latest iPhone to a 3-year-old Android.
Dark Mode: Pixel-Perfect in Every Shade
Performance isn't just about speed — it's about visual consistency. We conducted a comprehensive dark mode audit across every component, verifying that semantic color tokens (foreground, muted-foreground, card, background) are used consistently instead of hardcoded colors.
The audit covered network error banners, email verification buttons, conflict badges, voice assistant controls, and dozens more. Every element now transitions smoothly between light and dark themes without flash, flicker, or color mismatch.
QR codes intentionally keep their white backgrounds for contrast — because pixel-perfect means knowing when *not* to change something too.
Voice Assistant: Never Drop a Conversation
We've added automatic reconnection to Nyura's voice assistant. If your connection drops mid-conversation — whether from a tunnel, elevator, or spotty Wi-Fi — Nyura now detects the unexpected disconnect and offers a one-tap reconnect button.
Up to 3 automatic retry attempts preserve your conversation transcript so you never lose context. And when you're done, you can copy or share the full transcript with a single tap using the native Share API on mobile.
These aren't just technical features — they're the difference between a voice assistant you can rely on and one you stop using after the first hiccup.
What's Next: The Road to 120 FPS
With 60 FPS locked in across the board, we're now looking at ProMotion displays and 120 Hz screens. The work we've done here — eliminating unnecessary property watching, leveraging GPU-composited layers, and using will-change hints sparingly — sets the foundation for even smoother interactions on high-refresh-rate devices.
Performance is an ongoing journey, not a destination. Every release, we profile, measure, and optimize. Because the best app is the one you never notice slowing down.
Update to Nyura v4.48.9 today and feel the difference. Available on web, iOS TestFlight, and Google Play.