Today we are shipping something we have been building quietly for the past six months: Nexova Elements. It is a living design library — 100+ production-ready UI animations, 29 full-page layout blocks, and a growing widget reference — all integrated directly into the Nexova design system and available to every X.IDE user.
What is in the library
100+ animations across 15 categories: 3D & Immersion, Typography, Vector, UI Elements, Interaction, Background, Style, Data, Marketing, Navigation, Feedback, Forms, Character & Media, Text Effects, and Advanced. 29 layout blocks: Hero sections, Feature grids, Testimonial carousels, Pricing tables, Blog post layouts, Contact sections, and more. Every animation has a live preview, full source code viewer with copy-to-clipboard, and a real-time customisation panel where you can adjust colours, timing, and parameters without touching code.
How to use it in X.IDE
Inside X.IDE, open the Elements sidebar and click Browse Elements Library. Any animation or layout you select is injected directly into your canvas as a pre-configured block. You can then edit it visually just like any other element — no code required. If you are a developer who wants the raw implementation, the code viewer in the Elements gallery gives you copy-paste ready CSS + HTML or React components that drop into any project.
Designed to be invisible
Every animation in Nexova Elements is built with two constraints: it must run at 60fps on a mid-range Android device (Redmi Note class), and it must respect prefers-reduced-motion. We are opinionated about accessibility — if an animation creates a barrier for users with vestibular disorders, it does not ship. The library is the result of our design team spending hundreds of hours testing on real hardware, not just MacBook Pros.
Free to preview, included in Premium
Nexova Elements is free to browse and preview for all users. Implementing animations directly in X.IDE requires an active Premium or Enterprise subscription. If you are on the Free plan and see something you love, the full source code is always available in the code viewer — take it and use it in any project you like.
What's next
The library currently ships at 100 animations. We are adding a new batch every month — prioritising requests from the community. Head to the Elements page and use the Request Animation form to submit what you want to see next. Thank you to everyone who beta-tested the library over the past three months and sent feedback that shaped this launch.
Nexova Team
Building X.IDE, Lean.x, and the tools Malaysian businesses need to grow online.