🚀 Nexa UI v1.0.0-beta: The Glass & Motion Update

[Code2With-Pratik]

Welcome to the latest release of NexaUI! 🌟

This update focuses heavily on refining the high-fidelity macOS aesthetics, optimizing scroll-based animations, and fixing viewport scaling issues for a flawless developer experience across all screen sizes.

✨ Enhancements & UI Updates

• Safari Preview Component: Polished the hero section Safari mockup. Removed the scroll-triggered blur effect to keep the dashboard preview crystal clear while maintaining smooth opacity and translation transforms.
• Ambient Text Motion: Upgraded the GSAP animation logic. Replaced hardcoded pixel values with viewport units (vw) and implemented matchMedia() for consistent, distraction-free ambient text scaling on 13-inch laptops and smaller displays.
• Deep Space Background: Enhanced the Hero section background depth. The Meteors component now properly covers the entire absolute layer, extending seamlessly behind text and glass components without triggering unwanted horizontal scrolls.

🐛 Bug Fixes

• Fixed z-index stacking context where background effects were clipping or bleeding into foreground glass panels.
• Resolved responsive layout breaks in the terminal command copy section.

💻 Quick Start

npm install nexaui

<hr /><em>This discussion was created from the release <a href='https://github.com/Code2With-Pratik/NexaUI/releases/tag/v1.0.0-beta.1'>🚀 Nexa UI v1.0.0-beta: The Glass & Motion Update</a>.</em>

[Pratik-UI-UX]

Hey Pratik! Love the glassmorphism. Is it possible to change the blur intensity of the Safari component for a more 'Light Mode' look? ✨

[Code2With-Pratik]

"Great question! 🥂 Yes, you can easily tweak the backdrop-blur utility in the component props. Nexa UI is built to be flexible—simply pass a custom Tailwind class like blur-sm or blur-xl to match your aesthetic. Check the /docs/glass section for more tokens! 🎨

[Pratik-UI-UX]

The Meteors effect looks amazing but will it lag on low-end laptops without a dedicated GPU? 💻🔥

[Code2With-Pratik]

"We’ve got you covered! 🚀 We optimized the meteor particles using CSS hardware acceleration. They are designed to be lightweight 'sprinkles' rather than heavy assets. If you're targeting very old hardware, you can reduce the number prop to 20 for a buttery smooth experience. ⚡