Today, we’re going to witness some big changes and enhancements in Ronio!

Our team has completely rewritten Ronio in this update. So come to celebrate the rebirth of Ronio and this big update with us! 🥳.

In this version and update, we tried to implement Ronio in the most beautiful and methodical mode to improve the UI/UX. We are glad we can provide you with our services in more ideal conditions.

What’s changed, fixed or improved? (Build 8.0.0)

These were the generality changes of this update. Let’s see more details of changes below.

All Parts of the website have been Rewritten

During the rewriting, the appearance of the site has been designed in a different way, which has a more beautiful and user-friendly appearance. Also, we have written the website as a web application, so you can easily install it and use the tools when there is no internet connection.

While rewriting, the design of the site implemented in style of Glassmorphism design system, which has a more beautiful and user-friendly appearance. For the home page of the site, we have placed four categories of palettes, color tools, galleries and other tools. which each category includes tools and related sections to make easier to find each.

This rewriting is not only for the user side of Ronio, we also rewrote the server side of Ronio. We tried to write the program in the most optimal way possible for the server side of Ronio so that it can respond to more requests.

Became Bilingual

We made the Ronio in both Farsi and English languages to communicate with users who are outside of Iran and users who do not speak Farsi.

Registration and Login System

In order to better manage users and create a more integrated system, we added the login and registration system to Ronio. This system provides the possibility of authentication by connecting to the integrated authentication system of Developix. From now on, before sending the palettes, you must log in to your account and then send the desired palette.

Of course, this service is currently only used for sending pallets, but later, as more features are added to Ronio, the use of this service will increase.

Combining the Previewer Tool with the Material Design Palette

Since both sections are related to material design, we decided to combine the sections so that you can easily choose the colors right there and test them at the same time. Also, we felt that the template we made for the previewer was a bit crowded, so we made it simpler and more beautiful.

Material Design Palette

Due to the combination of the two parts of the material design palette and the previewer, we put the possibility of choosing the main and secondary color under the colors so that you can see a preview of the color as a secondary and primary color at the same time. We have also made UI/UX improvements to improve accessibility. Also, from now on, you can directly receive the output of Android, Jetpack Compose and Flutter.

Colors Palette and Palette Generator

We removed the naming for palettes and used the name of the user who sent the palette instead. We also added a lot of beautiful and attractive color palettes to this section.

Now, we store the colors of the palette in the URL, so even if the palette is not published on the site, you can share your palette with others by sending the URL in the browser search bar.

In the next updates, we are going to add the possibility of specifying the palette structure so that you can create and send palettes with different structures and number of colors.

Gradient Palette and Gradient Generator

A lot of new and varied gradients have been added to the gradient palette section, which provides you with more options to choose from.

Changing the degree of the Gradient Generator has been improved and works more accurately than before. Also, ready and predetermined degrees have been added to it so that you can choose the degrees more precisely. Among the other changes in this section, we can mention the removal of the radiation spectrum and receiving gradient PNG output with selected HD and 4K qualities.

Mesh Palette and Mesh Generator

We have added the possibility of setting point priority to the mesh maker section. We changed the color fading from the mouse wheel to Range Input and put the transparency of the point in a better position. In general, we have improved the performance of this tool so that you can create better meshes.

Color Extractor Tool

We have improved the color extraction code of this tool so that it can extract and deliver colors more accurately. We also added the possibility of converting the extracted colors to a color palette to edit and sort the colors.

Blob Generator

The Blob Generator Tool is a tool to create random fantasy Blobs according to the applied settings. Using this tool, you can create Blobs with the desired color, transparency, complexity and number of edges, and by receiving the SVG output, you can use the blob in different projects.

GlassMorphism Generator

The GlassMorphism Generator Tool is a tool for producing glass and blurring the background in the style of glassmorphism. This tool allows you to adjust the opacity of the glass, the blur of the glass, the color saturation and the thickness of the glass. You can also adjust the roundness of the corners and the transparency of the glass border.

This tool currently provides only web code output, but during the next updates, we will try to provide you the outputs of other platforms.

Shadow Generator

During this rewrite, the Shadow Generator Tool has become more advanced and many features have been added to it. In this version, you can make all kinds of shadows in different sizes and colors and use them in your projects.

Adjusting the horizontal and vertical distance, adjusting the amount of shadow blur, adjusting the amount of spread, changing the transparency of the shadow color and adding many shadows at the same time, which you can apply the previous features separately for each one. these are some of the features that you can find in this version. Also, in addition to the web code output, you can now get the Flutter code output.

Border Radius Generator

This tool has not changed much, we only implemented the ability to adjust the dimensions of the shape using the mouse pointer, which you can change the dimensions of the shape by grabbing the sides of the shape and dragging it.

Improvements and optimizations have been made to increase the performance when displaying vectors. We have also made it possible to receive vectors as PNG with a quality of 2048 pixels. To change the color of the vectors, use the Color picker in the Header.

In this section, you can find and use different types of 3D images depending on what you want to do. You must use spline to use these images in your projects. In the next versions, we will add the possibility to receive PNG output later.

Finally, we added English fonts to this section. from now on, this section will be divided into two parts, English and Farsi fonts, and you can use the attractive English and Farsi fonts that we handpicked for you. You can also see the different weights of the font by clicking on the desired font and write and test your desired sample text.

Blog

For the blog, we have added the ability to categorize content, which includes News, Tutorials and Etc. You can find the article you want more easily by using these categories.

Categories Guide:

  • News: News and content about Ronio, such as updates.

  • Tutorials: Educational content related to design that are translated or written by Ronio team.

From now on in Ronio's blog, apart from the changes and news of Ronio, we will publish design useful related content and news 🤓 Also, Ronio's Instagram page at the address @ronio.ir has started to working, so you can read the content that we post on this page.

The list of changes for this season is over, we hope you are satisfied with the changes and improvements we made. You can share with us your service problems and suggestions for better services by using the Developix bug tracker service.

Finally, we thank all those who accompany us in adding content, developing and maintaining and finding problems 🌹

God bless until the next updates 👋😀