Updates

Changelog

See what's new added, changed, fixed, improved or updated.

v3.0.1
March 16, 2025

Minor improvements and fixes

This update addresses some minor issues and improvements.

Fixes and Improvements
  • Docs Framework docs updates for Next.js, Vue, Nuxt.js, Angular and Laravel.
  • Fixed: Dropdown positioning issues in some Examples. [Issue #578]
  • Fixed: Optimized bundle size by removing unused dependencies and adding dependency validation checks. [PR #586 related fixes]
v3.0.0
March 4, 2025
v3_0_0

Tailwind v4, new Components, Plugins and more

Meet Preline UI v3.0.0 - this release features:

  • Tawildin update to v4.0
  • New plugins
  • New components
  • Mobile experience improvements
  • and many more..

Breaking changes

Please note that there are some breaking changes to bear in mind when moving from v2.7.0 to v3.0.0. For more detailed information, check out the official Tailwind CSS Upgrade guide

New Plugins
New Components & Improvements
Fixes and Improvements
  • Fixed: Charts broken colors in dark mode
  • Fixed: Overlay closing issues when several overlays are open.
  • Fixed: Context menu added support for opening via "long-touch" on mobile devices.
  • Fixed: Improved JSX code copying for self-closing tags and comment blocks.
  • Fix: Select closed when a space was entered in the search field. [Issue #528] and [Issue #574]
Updates
  • Updated: Tailwind CSS to v4.0.8
  • Updated: Apexcharts to v4.4.0
  • Migrate: Popper.js has been replaced with Floating UI across all plugins.
v2.7.0
January 2, 2025
v2_7_0

New Components, JSX Copy Code feature and more

This update brings new Sidebar, Maps & other components, JSX Copy Code feature, improvements and bug fixes from Github reports.

New Components & Improvements
  • Components: Sidebar
  • Components: Maps Bubbles
  • Components: Advanced select Minimum search length
  • Components: Combobox Minimum search length
  • Components: Overlay. It is now possible to call overlay methods directly on the overlay itself, without the need to associate the overlay with any button. At the same time, the old functionality has been retained to ensure backward compatibility.
  • Components: Remove Element. Added "getInstance" method.
Fixes and Improvements
  • Feature: Added the ability to copy HTML as JSX.
  • Feature: New parameter optionAllowEmptyOption has been added for the Advanced Select. [Issue #530] and [PR #532]
  • Feature: New parameter minSearchLength has been added for the Advanced Select and Combobox. [Issue #496]
  • Feature: Added support for multiple prev and next elements with separate event listeners for each, ensuring proper initialization and cleanup in the destroy method. Improved event listener management for search and pagination controls to prevent memory leaks and support dynamic elements. [Issue #494]
  • Fix: Issue with the "reset" functionality under certain conditions. [PR #520]
  • Fix: Issue encountered while setting the value in "tags" mode. [PR #533]
  • Fix: Improvements to static methods to achieve more consistent behavior. [Issue #492]
v2.6.0
December 4, 2024
v2_6_0

New Layout Splitter, Context Menu & 3 more plugin integrations and more

This update includes 5 new plugin integrations with component examples, Github improvements and bug fixes.

New Plugins
New Components & Improvements
  • Components: Dropdown Context Menu
  • Plugins: Added destroy method for all plugins for better lifecycle management.
New Features
Fixes and Improvements
  • Fixed: Remove extra "typeof". [Issue #476] and [PR #471]
  • Fixed: The mega menu behaves incorrectly on narrow screens. [Issue #474]
  • Fixed: Trigger change on remove tag. [Issue #400]
  • Fixed: Improve stepper reset handler. [PR #381]
  • Fixed: Add IAddVariantOptions type to the carousel "dragging" class. [PR #473]
  • Fixed: Advanced Select is not submitted in the form data. [Issue #400]
  • Fixed: Click on data-remove not firing any event on Advanced Select. [Issue #420]
  • Fixed: Values in ComboBox does not update when selection made. [Issue #467]
  • Fixed: The mega menu behaves incorrectly on narrow screens. [Issue #474]
  • Fixed: plugin.ts file missing type definition. [Issue #478]
  • Fixed: When submitting Advanced Select with apiUrl the title is submitted instead of the value. [Issue #481]
  • Fixed: SVG icons do not show up in the selected item. [Issue #514]
  • Fixed: Problem with collapsing dropdown inside sidebar in mobile resolution. [Issue #504]
  • Improved: A description that the data-title attribute is mandatory has been added. [Issue #444]
  • Improved: destroy methods have been added for most plugins. [Issue #443] and [Issue #510]
  • Improved: autoInit methods have been improved. [Issue #463] and [Issue #429]
  • Improved: HSSelect toggle title and icon properties set. [PR #453]
  • Improved: API was replaced by another. [Issue #464]
  • Improved: Added new backdropParent parameter to control which element the backdrop will be generated in. [Issue #475]
  • Improved: Added new parameter dropdownVerticalFixedPlacement to force control over the position of the dropdown list. [Issue #489]
v2.5.1
October 22, 2024

Critical bugs have been fixed.

Fixes and Improvements
v2.5.0
September 22, 2024
v2_5_0

New Advanced Range Slider, Drag-and-Drop & Tree View plugins and more

This update brings a new Advanced Range Slider and Tree View plugins, Carousel and Advanced Select extensions, Improvements and Bug Fixes.

New Plugins
New Components
Fixes and Improvements
  • Added: tagsInputId and searchId These parameters were added to the Select plugin for accessibility purposes, so that you can add labels that reference relevant elements outside of the initialized element.
  • Added: Ability to generate select from remote data. Use apiUrl and other options that you can find in Docs.
  • Added: New options for more flexible carousel customization. You can find the new options in Docs.
  • Added: plugin.ts, the typed version of plugin.js.
  • Added: mjs versions of plugins.
  • Added: global.d.ts for more convenient work with types.
  • Added: TypeScript .ts files for ApexCharts and Clipboard helper scripts
  • Deleted: search-by-json.js This functionality has been completely or partially replaced by the ComboBox plugin.
  • Improved: For ease of use, we've reorganized the sections on the plugin pages.
  • Fixed: 'HSStaticMethods' does not exist on type 'Window & typeof globalThis'. [Issue #401]
  • Fixed: Advanced Select removeOption doesn't work after update. [Issue #417]
  • Fixed: Property 'dropzone' is private and only accessible within class 'HSFileUpload'. [Issue #448]
v2.4.1
July 26, 2024

Fixed Transition issue in Chrome

Fixes and Improvements
  • Fixed: Transition issue which occurred in Chrome 127.0.6533.73 release. Thanks to @oliverhaas for the detailed [issu 414] report.
v2.4.0
July 22, 2024
v2_4_0

New Personal Template, Datatables and File-Upload plugins and more

This update brings a new Personal Templates, Datatables & File-Upload plugins, Examples, Improvements and Bug Fixes.

New Examples and Templates pages
New Plugins
New Components
Fixes and Improvements
v2.3.0
May 24, 2024
v2_3_0

New Tree View components and plugin enhancements

This update brings new Tree View components, textarea autohight extension and some core plugin enhancements.

New Components
Fixes and Improvements
  • Improved: core plugin scripts for Dropdown, ComboBox, Accordion and others.
  • Feature request: Tree View component [Issue #330]
  • Fixed: WYSIWYG editor [Issue #342]
  • Fixed: Combobox selection of ahref items using keyboard [Issue #353]
v2.2.0
April 15, 2024
v2_2_0

New Templates, Dashboard Page, Dark Color scheme and more

This update brings brand new 2 free Template, Dashboard page, New Dark Color scheme for free components and examples to align them with the Pro and other minor enhancements.

New Examples and Templates pages
Fixes and Improvements
  • Improved: Input and Textarea Floating Label animations
  • Bunch of other fixes and improvements.
v2.1.0
April 1, 2024
v2_1_0

New Plugins, Components, Improvements, Bug Fixes and more

This update brings new ComboBox (Autocomplete) plugin, Searchbox components, improvements and bug fixes based on feedback reported on Github.

Please note, this update requires to use the lates version of Tailwind CSS v3.4.x.

New Plugins
New Components
Updates
  • Updated: Tailwind CSS to v3.4.1
Fixes and Improvements
v2.0.3
December 28, 2023

Improvements & Bug Fixes

This update brings minor enhancements and resolves issues based on feedback reported on Github.

Fixes and Improvements
v2.0.2
November 23, 2023

Hot Fixes

Fixed path name on package.json file.

v2.0.1
November 22, 2023

Hot Fixes

Updated script file name from index.js to preline.js

v2.0.0
November 06, 2023
v2_0_0

New Components, Plugins, TypeScript support and more

Meet Preline UI v2.0.0 - this release features:

  • Hundreds of new Components
  • 9 new Plugins
  • Third-Party Plugins Integrations
  • TypeScript Support
  • and many more..

Breaking changes

Please note that there are some breaking changes to bear in mind when moving from v1.9.0 to v2.0. Learn more

New Examples pages
New Plugins
New Components
Breaking changes
  • Dropped: Bootstrap Icons in favor of Lucide
  • Changed: Border radius changed from rounded-md to rounded-lg for all components
  • Renamed: Modal in the Plugins to Overlay
  • Dropped: Mega Menu in the Plugins page causing confusion due to duplication with the Dropdown. However, full examples are in the Component pages.
  • Dropped: Offcanvas in the Plugins page causing confusion due to duplication with the Modal. However, full examples are in the Component pages.
  • Dropped: Sidebar in the Plugins page causing confusion due to duplication with the Modal. However, full examples are in the Component pages.
  • Dropped: Popover in the Plugins page causing confusion due to duplication with the Tooltip. However, full examples are in the Component pages.
Code improved components:
Code improved components with :disabled class style:
Fixes and Improvements
  • Fixed: Overlay plugin - hs-overlay-backdrop-open: class not working with dark: class.
  • Fixed: Table - Products Review broken on Firefox [Issue #107]
  • Fixed: All examples in example page have a unnecessary ,nav closing tag [Issue #97]
  • Improvements: Simplified RTL support with logical properties now supported in Preline.
  • Improvements: <a href="javascript:;">...</a> dropped in favor of <button>...</button> tag.
  • Improvements: The markup for progress bars has been updated in v2.0.0. Now, role="progressbar" and the relevant aria-* attributes are on the outer progress element, leaving the inner bar purely for the visual presentation of the bar and optional label.
  • Bunch of other fixes and improvements.
v1.9.0
June 09, 2023

New Starter Pages & Examples additions

Meet Preline UI v1.9.0 - this release features 4 AI Prompt and a new Cover Page Starter Pages & Examples additions.

v1_9_0
New Examples pages & Framework Guides
Fixes and Improvements
  • Fixed: Tooltip plugin - Tooltip not closing on firefox. [Issue #71]
  • Fixed: Accordion plugin - Placing the Tabs under the Accordion forces all Tab items to be active as initial when click the Accordion item. [Issue #63]
v1.8.0
April 10, 2023

New Starter Pages & Examples additions

Meet Preline UI v1.8.0 - this release features 11 new Starter Pages & Examples additions.

v1_8_0
New Examples pages
Fixes and Improvements
  • Improved: Framework Guides pages with some updated content and added Stackblitz playground demos.
  • Fixed: Vertically centered modal examples not closing. Added pointer-events-none class to the parent div.
v1.7.0
January 25, 2023

New Starter Pages & Examples additions

Meet Preline UI v1.7.0 - this release features 30 new Starter Pages & Examples additions.

v1_7_0
New Examples pages
Fixes and Improvements
  • Fixed: Minor fix for Tooltip plugin - overlap issue when multiple tooltips are used.
v1.6.0
December 13, 2022

New Starter Pages & Examples additions

Meet Preline UI v1.6.0 - this release features 19 new Starter Pages & Examples additions.

v1_6_0
New Examples pages
Fixes and Improvements
  • Fixed: Astro Guides Typo error. Check out @alec-c4's workaround for alternative solution.
  • Improved: Added hs-overlay-backdrop-open class for more control over overlay backdrop styles for the Overlay (modal, offcanvas, sidebar) plugin.
v1.5.0
December 5, 2022

New Starter Pages & Examples additions

Meet Preline UI v1.5.0 - this release features 30 new Starter Pages & Examples additions.

v1_5_0
New Examples pages
v1.4.0
November 30, 2022

New Static Icons component and Astro framework guide and of course, New Starter Pages & Examples additions

Preline UI v1.4.0 has arrived! This release features 15 new Starter Pages & Examples additions.

v1_4_0
New Examples pages and Components
Fixes
v1.3.0
November 21, 2022

Preline UI Figma

Preline UI v1.3.0 has arrived! This release features new Figma page.

v1_3_0
New Features
  • Figma: We are releasing Preline UI Figma - an open-source project based on the Tailwind CSS and Preline UI components with extra top-notch additions.
Fixes and Improvements
  • Fixed: Sidebar & Header examples for mobile resolutions
  • Improved: Minor fixes for preline.js bundle package - thanks to @very-random-man for the PR
v1.2.1
September 7, 2022

Updated README file

Minor changes in the README file.

Updates
  • Updated: README file
v1.2.0
September 5, 2022

Redesigned Plugins page, new framework guides, Starter Pages & Examples additions and more

Preline UI v1.2.0 has arrived! This release features redesigned Plugins page, new Framework Guides page, new Starter Pages & Examples additions and more.

Breaking changes

Please note that there are some breaking changes to bear in mind when moving from v1.1.x to v1.1.2. Learn more

New Features, Examples pages and Components
Breaking changes
  • Dropped: Modal, Sidebar and Offcanvas plugins dropped in favor of the new Overlay plugin.
  • Dropped: Mega Menu plugin dropped in favor of Dropdown plugin.
  • Renamed: hs-ui.bundle.js to preline.js
v1.1.2
June 23, 2022

Updated README file

Minor changes in the README file.

Updates
  • Updated: README file
v1.1.1
June 14, 2022

Updated Webpack

Updated Webpack js file for umd type library.

Updates
  • Updated: Webpack js file for umd type library.
v1.1.0
June 13, 2022

Preline UI Figma

Preline UI v1.1.0 has arrived! This release features new Starter Pages & Examples page, latest Tailwind CSS v3.1.2, new Sidebar documentation page and plugin updates.

New Features and Components
  • Starter Pages & Examples: Quickly get a project started with any of our examples ranging from using parts of the UI to custom components and layouts... aaaaand it's completely free! 🎁
    v1_1_0
  • Component: Build sidebars into your project for navigation, shopping carts, and more.
Updates
  • Updated: Tailwind CSS to v3.1.2
  • Updated: preline ui bundle from v1.0.5 to v1.0.7
  • Updated: tailwindcss from v3.0.24 to v3.1.2
  • Updated: @tailwindcss/forms from v0.4.1 to v0.5.2
v1.0.0
June 8, 2022

Initial release

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.