Maya UI is a collection of free, open-source animated UI components designed to bring creativity and fluid interactions to your web projects.
Each component is built with performance and accessibility in mind, ensuring your interfaces not only look great but also respond naturally. From subtle motion effects to bold interactive transitions, these components make your web projects both engaging and intuitive.
Key considerations
Every component is crafted using TypeScript to provide a solid and flexible foundation. If you're working with JavaScript, simply remove the type annotations and the components will work seamlessly.
Some components include Next.js directives (like 'use client') to optimize server and client rendering. For vanilla React projects, these directives can be safely removed without affecting functionality.
Philosophy
Performance is essential. Whenever possible, animations are created using only CSS to ensure optimal speed and efficiency.
Inspired by UIVerse, Maya UI’s about mixing good looks with solid use, plus a bit of learning along the way. Take components as they are or customize them to your needs — all code is designed to be explored and modified.
Ready to explore? Dive into the documentation to discover each component. Start creating websites that truly captivate your audience.