Dima Vyshniakov

🚀 Version 0.22.0 is out! We just shipped an update that moves the Rubik Variable font out of the main Koval UI bundle. Doing this drops the bundle size and gives you way more flexibility with your typography.

⚠️ Since Rubik powers our Podil (default) and Dnipro themes, you'll need to manually add the font to your project after upgrading.

Also, I'm excited to share with you Koval music promo video. I wanted to express the library qualities using dub music with a lot of riddims. Because why not?

Did you know that Koval DataTable is capable of rendering, editing and sorting table-like arrays of data with more than 50 000 rows?

The DataTable component is a powerful, flexible, and accessible grid for displaying large amounts of tabular data. It supports virtualization for handling huge datasets seamlessly, along with pagination and customizable processing models.

See full DataTable docs.

I released a new minor version of Koval UI: 0.21.0. It contains CSS architectural update. From now on Koval supports CSS layer at-rules. This is a massive quality-of-life improvement for developers who want absolute control over their styling without having to fight the cascade.

Say Goodbye to Specificity Wars and !important​

If you’ve ever tried to override a component library's defaults, you probably know the frustration of specificity wars. You often end up chaining selectors or reluctantly throwing !important on your rules just to change a simple background color.

I released a new minor version of Koval UI: 0.20.x. Two new features are available:

TextToSpeech component​

TextToSpeech component implements browser SpeechSynthesis API allowing to read the text using system synthesizer.

Client-side input validation is now a cornerstone of user-friendly design. Of course, business-critical validation should happen on the backend. But by catching errors on the front end, developers avoid the “round trip” to the server, which saves time and prevents the existential dread of a 500-error page.

But here’s the irony: we’ve somehow managed to complicate things again. Many popular validation libraries today duplicate functionality already built into modern web browsers. Developers frequently find themselves reimplementing or working around native browser form validation features, rather than using them directly.

Throwback from this summer, I wrote an article explaining how to validate user input in Koval UI.

I added three new chapters to the documentation: Locale-aware formatting, Floating components, Media and Embeds.

Also, I split and extended with new info the previous Apply theme page into the Theme and style chapter.

• Locale-aware formatting is about various components that allow displaying dates, numbers, units, country and currency names localized and properly formatted.
• Floating components are rendered on top of the main content flow, thus gaining more user attention. This behaviour is useful for varios notifications, modal and navigation elements.
• Media and Embeds contains components designed to embed external content such as images, videos, audios, maps, and other web pages within your application.

New documentation is available online. Deployment is done using Vercel and GitHub Workflows. Some pages are still in progress, but the current state is already better than a previous version.

From now on, Koval UI documentation is provided using Docusaurus.