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

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

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

Added :disabled class style by default for components:

• Accordion
• Alerts
• Badge
• Buttons
• Toasts
• Navs
• Tabs
• Pagination
• Input
• Input Group
• File Input
• Checkbox
• Radio
• Switch

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: ... dropped in favor of ... 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.

Learn more here

v1.9.0

New Examples pages

• 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: Tooltip plugin - Accordion plugin - Placing the Tabs under the Accordion forces all Tab items to be active as initial when click the Accordion item. [Issue #63]

Learn more here

v1.8.0

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.

Learn more here

v1.7.0

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.

Learn more here

v1.6.0

What's new

New Starter Pages & Examples additions:

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

Overlay (modal, offcanvas, sidebar) Plugin enhancement
Added hs-overlay-backdrop-open class to have more control over overlay backdrop styles.

Fixed Astro Guides Typos
Check out @alec-c4's workaround for alternative solution.

Learn more here

v1.5.0

What's new

New Starter Pages & Examples additions:

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

Learn more here

v1.4.0

What's new

• New Modals
• New Testimonials
• New Floating Sticky Header

New Static Icons documentation page

• Static Icons

New Astro Framework Guides

• Build faster websites with Astro

Minor Improvements

• Fixed arrows' active state in FAQ Sections

Learn more here

v1.3.0

What's new

• Preline UI Figma
• New Starter Pages & Examples format and additions
• Minor improvements

Learn more here

v1.2.1

What's updated

README file

v1.2.0

What's new

• Redesigned Plugins page
• New Framework Guides
• New Starter Pages & Examples additions
• New Field Input documentation page

Breaking changes

• Modal, Sidebar and Offcanvas plugins dropped in favor of the new Overlay plugin.
• Mega Menu plugin dropped in favor of Dropdown plugin.
• preline.js renamed to preline.js

Learn more here