Download Latest Version v5.0.1 source code.tar.gz (407.8 kB)
Email in envelope

Get an email when there's a new version of Konsta UI

Home / v5.0.0
Name Modified Size InfoDownloads / Week
Parent folder
README.md 2025-08-18 8.3 kB
0
v5.0.0 source code.tar.gz 2025-08-18 407.8 kB
0
v5.0.0 source code.zip 2025-08-18 739.9 kB
0
Totals: 3 Items   1.2 MB 0

🎉🎉🎉\ All new Konsta UI v5 is here with updated iOS 26 and Material Design 2025 look and feel!

Tailwind

  • Konsta has been updated to the latest Tailwind v4 API, so the framework installation and configuration should be done in @theme CSS declaration.

React

  • All components have been updated to the latest React 19 API

Svelte

  • All components have been updated to use new Svelte v5 Runes API
  • Which means no more slots, we need to use {#snippet ...} now to pass the children content

iOS Theme

  • Almost all components have been updated to match the new iOS 26 look and feel
  • New iOS hover highlight on interactive elements (can be disabled globally via App/KonstaProvider parameter)

Material Theme

  • Updated look for Range Slider and Progressbar components
  • Touch ripple can only be enabled/disabled globally (via App/KonstaProvider parameter)
  • New color schemes - Vibrant and Monochrome

Full Changelog

  • a lot of Svelte components updates (7bd5aec)
  • add Glass component (176fb99)
  • add k-{name} component classes (29200dc)
  • begin Svelte components (aac737e)
  • FAB iOS styles (6aa014f)
  • finalize iOS toolbar pane (02aff9b)
  • iOS hover highlight (410fcd2)
  • Link - remove navbar prop and use context instead (16ecc8d)
  • Link - remove toolbar, tabbar props and use context instead (171014a)
  • Messagebar iOS styles (89268a1)
  • monochrome and vibrant MD color schemes (2f026e7)
  • Notification - add safe areas on top (0a2614f)
  • Popover iOS styles (560aa67)
  • Popup iOS styles (acfb139)
  • remove touchRipple prop from components, and keep only global materialTouchRipple (ed5c7f3)
  • Searchbar iOS styles (79fb1af)
  • Segmented - add theme-specific style props, remove strong,rounded props from SegmentedButton (a823ad8)
  • Segmented in Subnavbar iOS styles (32603fb)
  • SheetModal - tweak styles and colors (fc0e039)
  • Subnavbar iOS styles (ef7742d)
  • Svelte - bindable input props (02afb65)
  • Tabbar iOS highlight (491ac47)
  • Toolbar/Tabbar - tweak styles + use common Toolbar context (bf96f4c)
  • tweak glass colors (ac9f2ce)
  • tweak light glass shadow (a21547a)
  • tweak safe areas (1b3e59c)
  • update iOS Actions style (163addb)
  • update iOS Actions styles (67f4c68)
  • update iOS BackIcon (2e707f4)
  • update iOS Block styles (b048b4a)
  • update iOS Button styles (0d94299)
  • update iOS Checkbox styles (b3dfb84)
  • update iOS Dialog style (1b0b207)
  • update iOS Dialog style (0572d6a)
  • update iOS Dialog styles (216b6da)
  • update iOS Dialog styles (3ec2714)
  • update iOS Lists styles (e5fbc6a)
  • update iOS Navbar styles (ff8044a)
  • update iOS Notification style (6b693fb)
  • update iOS Panel style (c7be1d1)
  • update iOS Panel styles (4321f36)
  • update iOS Progressbar styles (39d1832)
  • update iOS Range style (e8fc8ff)
  • update iOS Range styles (f661873)
  • update iOS Sheet styles (e9b8517)
  • update iOS Stepper styles (79fac3d)
  • update iOS Toast style (a065e97)
  • update iOS Toast styles (701ac87)
  • update iOS Toggle style (a69b2c2)
  • update iOS Toggle style (51a397a)
  • update iOS Toggle styles (9dca1a0)
  • update iOS Toolbar styles (133775f)
  • update iOS Toolbar/Tabbar style (903090f)
  • update MD Progressbar style (2da5384)
  • update MD RangeSlider styles (b3500f3)
  • update to use react ref prop (57a5c14)
  • update Vue components (14bfbcd)
  • Vue Tabbar with mutation observer (8da2783)
Source: README.md, updated 2025-08-18