At @rive_app we’re working on some new tools to help you build quicker by automating some of the setup and repetitive tasks so you can focus on building beautiful things.

RT @rive_app: 🗣️ Looking for work? We've compiled a thread of job openings looking for Rive experts 🧵👇.

The clear way in which @rossplaskow breaks down and explains Layouts makes this a must watch series if you want to build UI with @rive_app.

This is a feature that the team, led by @airnanan, has been crafting to ease painpoints between designers 🤝 developers. It provides the ability to bind data to most Rive objects and properties through code on all the platforms we support.

RT @guidorosso: Rive is hiring. 🧙 Sr. C++ Graphics Engineer .🎯 Focus on bleeding-edge vector rendering tech. 🏁 Performance Oriented, Sr. C+….

RT @rive_app: Build modules for a health app using Data Binding and Layout in Rive with @PedroAlpera. Data Binding is still in Early Access….

10/10 Layouts can have transform constraints applied to them, which can allow you to move a layout from its original layout location to another location smoothly. In the UI above, the progress bar uses this technique for repositioning itself between states

9/10 Layout direction (Early Access) affects layout flow and text alignment, so plan your layouts accordingly if you need to support RTL languages

8/10 Animate font weights (as seen in the heading text in the video) to implement seamless text transitions

7/10 Use negative gap to transition from a layout where you need to go from a collapsed (or overlapping layout children) to an expanded state as seen in the tree view in the video

6/10 Use absolute layouts in cases where you need to overlap layouts. Absolute layouts can also be nested and do not participate in the row/column constraints of its parent

5/10 To animate between layout states like Row -> Column where you can’t explicitly set easing in the timeline, use layout animation, as seen with the bottom portion of the UI in the video when it expands and collapses

4/10 Layouts themselves can have fills, strokes and feathers applied to them. The only things in the UI above that are not layouts or text are the icons and Memojis

3/10 Setting opacity on a layout affects not only the layout but also its contents, allowing you to transition in sections of your UI smoothly.

2/10 Break down your UI into rows and columns, using nesting to achieve more complex layouts

1/10 Here is a 🧵 with tips for building dynamic, responsive UI using @rive_app like this one that can run practically anywhere performantly.

RT @rive_app: 🗣️ Rive Flutter now supports the Rive Renderer across Android, iOS, macOS, Windows, and Web. This package brings all the late….

Build UI interactions in @rive_app like this smooth, responsive disclosure inspired by @nitishkmrk. Using the Layout direction feature (in Early Access), it just takes a single property to add support for RTL languages and you can populate your text dynamically at runtime.

RT @GabinMarignier: @guidorosso I think it's time for Focus Tree to redo its whole icon set / animations with rive. Who are the best illus….

RT @guidorosso: Want to help us build awesome stuff like this? We're looking for low-level rendering engineers to join our team!. Job posti….