Once UI 1.5 - Open-source designs for interactive + animated interactions
by•
Once UI 1.5 is about bringing wonder back to UI engineering.
We’re introducing new visual effects — weather, particles, matrix-style dots — all drop-in and usable in just a few lines of code.
You also get a new generation of chart types built for live data and real-time dashboards. Only in Once UI.
A toolkit for indie builders who want their product to feel alive, expressive, and unmistakably theirs.
Replies
Once UI
Once UI
@lorant_one Awesome update man, love it.
MultiDrive
@lorant_one It looks so stylish! Congrats!
EasyFrontend
Love what you’re doing with Once UI. How does Vibe Coding (MCP) integrate with Once UI? Can I use it to auto-generate UI components directly from design tokens?
Once UI
@getsiful Vibe Coding works really nicely with Once UI because you can point the MCP server to the documentation (guide here).
If you’re starting from one of our templates (portfolio, ecommerce, landing page, dashboard), the model gets strong context about the design system structure — spacing, tokens, components, naming, conventions, etc.
From there, you can:
ask the agent to scaffold new UI using Once UI components,
generate pages that follow the design tokens,
refactor or extend existing components,
or use our copy-paste blocks as building primitives for new screens.
The more Once UI code you have in your repo, the better agents understand the patterns — and the more accurate the generated components become!
Once UI
Love how 1.5 continues the core Once UI philosophy - interfaces with mood, motion, and personality.
The weather + particle effects unlock so many expressive use-cases, especially paired with the new real-time data charts.
Proud to be contributing. Every update feels like we’re bending code into something living.
Once UI is the first toolkit that actually feels like art. ✨
Once UI
@aryantechie The weather effects, the particles, the motion primitives… They’re the kind of details that turn an interface into an experience, not just a layout.
I’m glad we get to build this together. We’re not just shipping features — we’re shaping a new way to express ideas through code.
AI Tools Directory
Once UI
@dessignnet Thanks! Hope you'll like Once UI's unique approach to simplifying design and development :)
Avaturn Live
Very useful; it would be interesting to see how it performs in real time! Congratulations on the launch!
Once UI
@ruvik_milkis Thank you - you can check some examples on the Once UI Hub, and many amazing apps are about to be released in the upcoming months, so stay tuned!
Triforce Todos
Love the update! Which part of UI 1.5 was the hardest to build, the weather system or the particle fields?
Once UI
@abod_rehman Appreciate it! I would say it was the MatrixFx, a canvas based component that can be customized with props (density, strength, colors, flicker, etc.) - it's really heavy and required very careful optimization to provide a smooth visual effect while being easy on the hardware.
Seems like a great alternative to doing it manually! I'm excited to have these for our UI
Once UI
@thecarguy Happy to hear! Let me know how the integration goes.
Once UI
@nathan_darma Once UI is built on top of Next.js, so it's unfortunately not compatible with WordPress or SquareSpace, but we have simple, easy-to-use templates to get you started, such as Magic Portfolio :)
his toolkit empowers indie builders to elevate their product’s UI personality without sacrificing development efficiency.
Do you plan to expand compatibility with additional frontend frameworks (e.g., React Native) to enable these components in mobile apps? Also, will there be pre-built UI templates that combine these animated effects with common layout patterns (e.g., SaaS onboarding flows)?
congrats! looks nice. QQ - does it support webflow and other types of implementation?