LioRael

Fullstack developer.

[LioRael @lio_rael]

Meet Lenso UI.

Bringing the design language and interactions of iOS and iPadOS to the web.

Glass materials, elastic feedback, and fluid menus.

Built with Base UI + StyleX.

Try it: https://t.co/S2DUuVim7z
Source: https://t.co/4BKjASvGh9

[LioRael @lio_rael]

@chandra_7852 @shadcn @shuding Thanks for the feedback! I’ll keep working on improving performance on mobile safari.

[LioRael @lio_rael]

Lenso UI 0.11 is out!

I’ve migrated the React components to UI SDK, with StyleX, Apple-inspired design and Liquid Glass effects.

Thanks @shadcn, @shuding and everyone behind UI SDK for the work <3

Try it: https://t.co/S2DUuVhOi1

[LioRael @lio_rael]

@aussieljk @shadcn @shuding Thank you so much! Can’t wait for you to try it! ❤️

[LioRael @lio_rael]

@shadcn @shuding UI SDK handles the component interactions; StyleX handles the styling.

This release focuses on React. I’d love to explore more frameworks next.

Source: https://t.co/4BKjASv8rB

[LioRael @lio_rael]

@M0kiiii Thanks! Glad you love it!

[LioRael @lio_rael]

Meet Lenso UI.

Bringing the design language and interactions of iOS and iPadOS to the web.

Glass materials, elastic feedback, and fluid menus.

Built with Base UI + StyleX.

Try it: https://t.co/S2DUuVim7z
Source: https://t.co/4BKjASvGh9

[LioRael @lio_rael]

Huge thanks to @hpaptan7 for the excellent work! Combined with a temporary adjustment I made to Liquid Glass rendering in WebKit, Lenso UI’s performance issues are now largely resolved. Things should feel much smoother now ✨

[LioRael @lio_rael]

@hpaptan7 Huge thanks for putting this together! Really appreciate the time and effort you’ve put into the fix 🙏 I’ve enabled PRs now, so you should be able to submit yours

[LioRael @lio_rael]

@d3ller Thanks, that helps!

[LioRael @lio_rael]

@d3ller Thanks! I'm already working on performance improvements. Was this Safari on Mac or iOS? Knowing your device and OS version would help me investigate.

[LioRael @lio_rael]

@hpaptan7 That means a lot! Any findings or contributions would be much appreciated <3

[LioRael @lio_rael]

@edo_lunardi Looking forward to it! Would love to compare notes <3

[LioRael @lio_rael]

@hpaptan7 Thanks! Performance needs some work—I'm looking into it. Happy to hear any ideas you have!

[LioRael @lio_rael]

@m4saurabh Got it, thanks for flagging! I’ll look into the Android performance issues and work on a fix.

[LioRael @lio_rael]

@edo_lunardi There’s a separate WebKit rendering path, though Glass can look different from Chromium. Was the issue visual, or were the components unusable? Which Safari/iOS version? I’d like to investigate. Curious to see yours too!

[LioRael @lio_rael]

@slitdrip Thanks for flagging! Was this the web or the React Native version?

[LioRael @lio_rael]

@ikramhsakib Thank you! Glad you like them <3

[Fuma Nama @fuma_nama]

Found IOS style Fumadocs, this is fun lol

https://t.co/RhDC6HdwdX

[LioRael @lio_rael]

Yes! The menus respect prefers-reduced-motion: with it enabled, they skip the elastic opening/closing animation and settle directly into place. Turning it on mid-animation also settles the motion immediately.

The Glass styling remains, so the visual character doesn’t depend on the bounce.

[LioRael @lio_rael]

We’re also developing a React Native version and working on Exact support. Both are still in development—we’ll share more as they progress.

Try the live examples and tell us how the interactions feel.