In this breakthrough version we focused our attention on removing all custom classes from the UI KIT in favor of a Tailwind CSS system. Each component has been integrated with the dark theme. We added the option to customize classes in all components, even those with a complex structure. We migrated icons to SVG format, also giving full freedom to personalize them.
Our set has been extended with new complex Sidenav and Select components. Design system was improved to match the Material Minimal guidelines. The website got a new layout, as well as new functionalities such as API tab or modes switcher.
New features
-
#1090,
#1129: Migrate UI KIT class system to Tailwind and refactor
Datepicker
,Timepicker
,Stepper
,Ripple
,Collapse
,Accordion
,Buttons
,Carousel
,Close
,Dropdown
,Modal
,Navbar
,Offcanvas
,Popover
,Spinners
,Tooltip
,Transitions
,Animations
,Alert
,Toast
,Tabs
,Pills
,Chips
,MegaMenu
,Pagination
,Scrollspy
,Forms
- by @juujisai, @Trochonovitz, @r-jacko, @Martussky - #1116: Dark mode switcher - by @smolenski-mikolaj
- #1228: Class attributes customization - by @smolenski-mikolaj
- #1127: Ripple effect by default - by @iprzybysz
- #1126: New modal positions - by @Trochonovitz
- #1119: Extend color palette with custom theme colors - by @Martussky
New components
- #1173: Select & Multiselect - by @juujisai
- #1172: Sidenav - by @juujisai
- #1130: Outline input - by @juujisai
- #1108: Placeholders - by @Martussky
- #1109: Dividers - by @Martussky
- #1110: Figures - by @Martussky
- #1111: Images - by @Martussky
- #1112: Masks - by @Martussky
- #1113: Shadows - by @Martussky
Docs
- #1170: Dark mode integration - by @smolenski-mikolaj
- #1105: API tab - by @Trochonovitz
- #1274: Theming tutorial - by @Trochonovitz
- #1275: Dark mode tutorial - by @Trochonovitz
- #1262: Code snippets - dark mode & design update - by @r-jacko
- #1306: Scrollspy and Javascript file names unification - by @juujisai
-
#1314: Shortcut
shift + D
for switching between modes - by @juujisai
Optimization & refactor
-
#1125: Update compile config to deploy js components as
te
library - by @smolenski-mikolaj - #1294: Manipulator utility update - by @juujisai
- #1285: Tidy up files structure - by @juujisai
- #1287: Focus trap utility fix - by @juujisai
- #1145: Add class ordering plugin - by @smolenski-mikolaj
Fixed & improved
- #1122: Video docs page layout fix - by @Martussky
- #1060: Toast dismissing - by @juujisai
- #1223: Modals - fix positions offsets, backdrop outside click and fullscreen example - by @Trochonovitz
- #1264: Tabs & Pills - prevent animating while clicking on active item - by @Trochonovitz
- #1259: Timepicker - fix focus after closing via keyboard - by @Trochonovitz
-
#1064: Modal
hidden
class remaining active - by @Trochonovitz
Dependencies
-
#1096: Tailwind update from
v3.0.7
tov3.2.4
- by @juujisai - #1298: Icons - enable customization & migrate to Heroicons from Font Awesome - by @Trochonovitz
- #1094: Migrate from Inter to Roboto font - by @juujisai
- #1059: Popper.js migrate to v2.x.x - by @Trochonovitz
Dark mode integration
- #1175: Timepicker - by @r-jacko
- #1176: Textarea - by @juujisai
- #1177: Switch - by @Martussky
- #1178: Search - by @Martussky
- #1179: Range - by @Martussky
- #1180: Radio - by @Martussky
- #1183: File input - by @Martussky
- #1185: Checkbox - by @Martussky
- #1181: Inputs - by @juujisai
- #1184: Datepicker - by @juujisai
- #1186: Scrollspy - by @Trochonovitz
- #1187: Navbar - by @Trochonovitz
- #1189: Cards - by @iprzybysz
- #1190: Mega menu - by @Shigure92
- #1191: Footer - by @Trochonovitz
- #1192: Breadcrumb - by @Trochonovitz
- #1193: Animations - by @Trochonovitz
- #1194: Toasts - by @Trochonovitz
- #1195: Timeline - by @Shigure92
- #1196: Testimonials - by @Shigure92
- #1197: Tables - by @Shigure92
- #1198: Stepper - by @Trochonovitz
- #1199: Social buttons - by @Shigure92
- #1200: Shadows - by @Shigure92
- #1201: Progress - by @Shigure92
- #1202: Popover - by @Shigure92
- #1203: Offcanvas - by @Shigure92
- #1205: Modal - by @Trochonovitz
- #1206: Login form - by @Shigure92
- #1207: List group - by @Shigure92
- #1208: Jumbotron - by @Shigure92
- #1209: Hover effects - by @Shigure92
- #1210: Headers - by @Shigure92
- #1211: Dropdown - by @juujisai
- #1212: Collapse - by @iprzybysz
- #1213: Chips - by @iprzybysz
- #1214: Charts - by @iprzybysz
- #1241: Accordion - by @iprzybysz
Class customization
- #1229: Alert, Toast, Collapse, Accordion, Dropdown, Offcanvas, Ripple - by @juujisai
- #1230: Carousel - by @iprzybysz
- #1231: Datepicker - by @juujisai
- #1232, #1302: Timepicker - by @iprzybysz, @juujisai
- #1233: Modal, Scrollspy - by @Trochonovitz
- #1234: Popover, Tooltip, Tabs, Pills - by @juujisai
- #1303: Chips - by @juujisai
API tab integration
- #1249: Popover, Tooltip, Tabs, Pills - by @Trochonovitz
- #1250: Modal, Scrollspy - by @Trochonovitz
- #1252: Button, Animate, Stepper - by @Trochonovitz
- #1253: Datepicker - by @juujisai
- #1254: Carousel - by @iprzybysz
- #1251: Timepicker - by @iprzybysz
- #1255: Alert, Toast, Collapse, Accordion, Dropdown, Offcanvas, Ripple - by @iprzybysz