Preline UI - Changelog | Preline UI, crafted with Tailwind CSS

Updates

Changelog

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

v2.2.0

April 15, 2024

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

Templates: Agency
Templates: Creative Agency
Examples: Application Admin Page
Examples: Hero Sections
Examples: Blog Sections
Examples: Testimonials
Examples: Features: General
Examples: Features: Stats
Examples: Clients Sections
Examples: Navbars (Headers)
Examples: Contacts
Examples: Footers

Fixes and Improvements

Improved: Input and Textarea Floating Label animations
Bunch of other fixes and improvements.

v2.1.0

April 1, 2024

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

Plugins: ComboBox (Autocomplete)
Plugins: Theme-Switch (Darkmode)
New Feature: Added preventSearchFocus to Advanced Select that sets autofocus for the search field inside a dropdown list if the value is true.

New Components

Documentation: Preline JavaScript
Component Plugin: ComboBox (Autocomplete)
Component Plugin: Searchbox
Component Plugin: PIN Input - Show PIN code suggest on iOS keyboard - [Issue #188 by @hieuhuynh93]
Textarea: Modal example
Input Number: Step Controls
Input Number: Negative value
Input Number: Maximum value

Updates

Updated: Tailwind CSS to v3.4.1

Fixes and Improvements

Docs: A beta feature, you can now choose to include or exclude dark classes when copying code to the clipboard. Set this option once, and it will apply globally, making dark classes optional.
Docs: Added a new Preline JavaScript page. This page explains how Preline JavaScript works and its methodology.
New size-* utilities: Tailwind CSS finally added a new size-* utility that sets width and height at the same time. We updated them!
Extended min-width, max-width, and min-height scales: Tailwind CSS finally extended the min-width, max-width, and min-height scales to include the full spacing scale. We updated them!
Improved: NextJS avoiding setTimeout solution [Issue #270]
Feature request: Added Combobox (Autocomplete) plugin [Issue #140], [Issue #199]
Feature request: Tag editor to Advanced Select [Issue #245]
Pull Request: Add support for min, max and step [PR #306]
Pull Request: Firing on-change event when item is removed [PR #247]
Pull Request: Fixes empty array (package.json) [PR #242], [Issue #241]
Pull Request: Replaced generate-dts script with a config file [PR #232]
Fixed: Cannot dismiss opened Advanced Select controls while using FireFox [Issue #318]
Fixed: Search Issue with Non-Latin Characters in Select Plugin [Issue #313]
Fixed: Vertically centered modals don't work [Issue #309]
Fixed: Setting the data-hs-overlay-keyboard to true doesn't prevent the Esc button to close the modal [Issue #290]
Fixed: Window scroll is re-enabled when the top overlay is closed irrespective of Bottom overlay [Issue #281]
Fixed: Unnecessary console.log calls for the dropdown plugin [Issue #273]
Fixed: Overlay backdrop element not being removed/hidden after resizing screen size [Issue #267], [Issue #136]
Fixed: Select plugin placeholder not cleared when default values loaded [Issue #265], [PR #266]
Fixed: Modal focus trap multiple key event listeners [Issue #249]

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

Improved: Added IStaticMethod to Framework Guides pages.
Improved: JavaScript file sizes. [Issue #204 @kpietraszko]
Improved: Stacked Overlays option is added to Overlay plugin [Issue #134]
Improved: Advanced Select with dynamic validation states, the ability to add/remove options and more. [Issue #183], [Issue #190] and [Issue #216]
Fixed: Keyboard navigation in advanced select [Issue #202]
Fixed: Removed unnecessary console.log messages [Issue #209] and [Issue #185]
Fixed: Bug with the carousel listening event [Issue #215]

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

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

Examples: Hero Forms
Examples: Galleries
Examples: Application Tables

New Plugins

Plugins: Advanced Select
Plugins: Input Number
Plugins: Strong Password
Plugins: Toggle Password
Plugins: Toggle Count
Plugins: Copy Markup
Plugins: PIN Input
Plugins: Stepper
Plugins: Carousel

New Components

Component Plugin: Advanced Select
Component Plugin: Strong Password
Component Plugin: Toggle Password
Component Plugin: Toggle Count
Component Plugin: Copy Markup
Component Plugin: Charts
Component Plugin: Datamaps
Component Plugin: WYSIWYG Editor
Component Plugin: Clipboard
Component Content: Typography
Component Content: Images
Component Content: Links
Component Content: Dividers and <hr>
Component Content: KBD
Component Content: Custom scrollbar
Component Base: Chat Bubbles
Component Base: Carousel
Component Base: Datepicker
Component Base: File Uploading Progress Form
Component Base: Ratings
Component Base: Stepper
Component Base: Timeline
Header: Center aligned navbar option
Mega Meny: Columns
Component Basic Forms: Input Number
Component Basic Forms: Range Slider
Component Basic Forms: Color Picker
Accordion: Active content bordered
Alerts: Bordered styles
Avatar: Avatar Examples
Avatar: Solid color variants
Avatar: Soft color variants
Avatar: Outline color variants
Avatar: White color variants
Avatar Group: With Tooltip
Badge: Outline color variants
Badge: Working with icons
Badge: Badge with Avatar
Badge: Animation
Badge: Button
Buttons: White Color Button Variants
Buttons: Link Color Button Variants
Buttons: Button examples
Button Group: Toolbar
Card: Top bordered card
Card: Panel actions
Lists: List marker
List Group: List group invoice
List Group: List group examples
Progress: Label at the end
Progress: Title label
Progress: Floating label
Progress: Shape
Progress: Steps
Progress: Circular Progress
Toasts: Avatar
Toasts: Progress
Tabs: Horizontal scroll
Breadcrumb: Bordered
Breadcrumb: "More" static button
Breadcrumb: "More" button with Dropdown
Pagination: Bordered
Pagination: Bordered Group
Pagination: Stretched
Pagination: Mini size
Pagination: Working with tooltip
Pagination: Jumper
Pagination: More with Dropdown
Pagination: Sizes
Pagination: Shape
Input: Gray input
Input: Underline input
Input: Floating label
Textarea: Gray input
Textarea: Underline input
Textarea: Floating label
Select: Gray input
Select: Floating label
Switch: With Icons
Switch: Sizes
Switch: Solid color
Switch: Soft color variant
Popover: Review popover example
Popover: User popover example
Modal: Custom backdrop color
Offcanvas: Custom backdrop color

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:

Accordion
Alerts
Avatar
Badge
Blockquote
Buttons
Button Group
Card
Collapse
List Group
Lists
Static Icons
Toasts
Navs
Tabs
Scrollspy
Mega Menu
Breadcrumb
Pagination
Input and Textarea are now in sepearate files
Dropdown

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.

New Examples pages & Framework Guides

Examples: AI Prompt
Examples: Cover Page
Framework Guides: SolidJS
Framework Guides: Qwik
Framework Guides: Svelte
Framework Guides: Remix

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.

New Examples pages

Examples: Pricing Page
Examples: Application Forms Layouts
Examples: Clients Sections
Examples: Pricing Sections
Examples: Testimonials

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.

New Examples pages

Examples: Application Tables
Examples: Application Stats
Examples: Application Navbars
Examples: Application Invoice
Examples: Blog Articles
Examples: Hero Sections
Examples: Icon Sections
Examples: Modals

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.

New Examples pages

Examples: Cookie Banners
Examples: Icon Sections
Examples: FAQ Sections
Examples: Team Sections
Examples: Features: General
Examples: Announcement Banners
Examples: Card Sections
Examples: Navbars (Headers)

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.

New Examples pages

Examples: Hero Sections
Examples: Blog Sections
Examples: Pricing Sections
Examples: Features: General
Examples: Features: Navs
Examples: Features: Stats
Examples: Announcement Banners
Examples: Card Sections
Examples: Modals
Examples: Feedback Forms

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.

New Examples pages and Components

Examples: Modals
Examples: Testimonials
Examples: Floating Sticky Header
Component: Static Icons
Framework Guide: Astro

Fixes

Fixed: Arrows' active state in FAQ Sections.

v1.3.0

November 21, 2022

Preline UI Figma

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

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

Plugins: For better usability and navigation, we have redesigned the plugins page and moved the examples with JS behaviors to the appropriate pages.
Framework Guides: Explore the framework-specific guides to learn how to install Preline UI as a Tailwind CSS plugin for various frameworks and build tools.
Examples: Boxed Layout
Examples: Headers Offcanvas
Examples: Double Header
Examples: Header with Topbar
Component: File input

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! 🎁
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.