Changelog
The latest updates to design over the past three months include new blocks, fresh templates, upgraded designs, refactors, and performance improvements.
Added patterns: Popover/emoji Picker and Table/expandable
+355
- popover/emoji-picker
- table/expandable
Updated lib: Primitive
+1-1
- primitive
Updated 95 patterns
+117-104
- button/custom-design
- checkbox/invalid
- choice-box/with-modal
- choice-box/with-sheet
- code-block/basic
- code-block/with-copy-button
- code-block/with-line-numbers
- code-block/with-max-height
- combo-box/controlled
- combo-box/invalid
- combo-box/with-fieldset
- date-field/validation
- date-field/with-fieldset
- date-picker/validation
- date-picker/with-fieldset
- date-range-picker/with-fieldset
- disclosure-group/controlled
- disclosure-group/with-form
- fieldset/basic
- fieldset/disabled
- fieldset/with-card
- fieldset/with-custom-layout
- fieldset/with-field-group
- fieldset/with-grid-layout
- fieldset/with-legend
- fieldset/with-text
- file-trigger/with-drop-zone
- grid-list/controlled
- grid-list/drag-between-grid
- grid-list/draggable
- grid-list/with-avatar
- grid-list/with-section
- input-otp/validation
- menu/multiple
- menu/multiple-user
- menu/open-modal
- menu/section-level-section
- menu/with-autocomplete
- modal/custom-style-1
- modal/custom-style-2
- modal/custom-style-3
- modal/custom-style-4
- modal/dialog
- modal/nested
- modal/with-form-submit
- native-select/with-fieldset
- note/inside-toast
- number-field/with-field-error
- number-field/with-fieldset
- popover/nested
- popover/with-form
- radio/invalid
- select/controlled
- select/invalid
- select/with-autocomplete
- select/with-fieldset
- slider/custom-style
- table/bulk-actions
- table/draggable
- table/sortable
- table/with-columns-selection
- table/with-search
- table/with-tanstack-table
- tabs/fill-black-white
- tabs/fill-danger
- tabs/fill-danger-subtle
- tabs/fill-info-subtle
- tabs/fill-primary
- tabs/fill-primary-subtle
- tabs/fill-secondary
- tabs/fill-success-subtle
- tabs/fill-warning
- tabs/fill-warning-subtle
- tabs/fill-with-circle-container
- tag-field/controlled-input
- tag-field/disabled
- tag-field/invalid-tag-input
- tag-field/readonly
- tag-field/uncontrolled-input
- tag-group/allow-remove
- tag-group/controlled-selection
- tag-group/with-fieldset
- text-field/validation-with-zod
- text-field/with-field-error
- text-field/with-fieldset
- text-field/with-input-group
- text/with-fieldset
- text/with-input-group
- textarea/with-tabs
- time-field/validation
- time-field/with-fieldset
- toggle-group/controlled
- tooltip/with-pressable
- tree/controlled
- tree/draggable
Updated 149 blocks
+303-290
- about 01
- about 02
- activity-feed 03
- area-chart 04
- banners 01
- banners 02
- bar-chart 04
- blog 01
- blog 02
- blog 03
- blog 05
- calendar 01
- calendar 02
- careers 02
- cashier 01
- cashier 02
- cashier 03
- chat 01
- chat 02
- chat 03
- checkout 01
- checkout 02
- colors 02
- colors 03
- contact 01
- contact-form 01
- contact-form 02
- contact-form 03
- contact-form 04
- dashboard 03
- dashboard 07
- dashboard 08
- dashboard 10
- dashboard 11
- details-page 01
- emails 01
- emails 02
- emails 03
- emails 04
- faq 01
- file-uploads 01
- file-uploads 02
- file-uploads 03
- file-uploads 04
- file-uploads 05
- footer 11
- grid-list 01
- grid-list 02
- grid-list 03
- grid-list 04
- grid-list 05
- grid-list 06
- grid-list 08
- hero 01
- hero 02
- hero 03
- hero 04
- hero 05
- hero 06
- hero 07
- hero 08
- hero 09
- hero 10
- hero 11
- hero 13
- hero 14
- hero 15
- hero 16
- hero 17
- hero 18
- hero 19
- hero 20
- hero 21
- hero 22
- hero 23
- hero 24
- hero 25
- hero 26
- hero 27
- hero 28
- hero 29
- kanban-board 01
- kanban-board 02
- kanban-board 03
- kanban-board 04
- kanban-board 05
- line-chart 06
- mixed 01
- mixed 07
- onboarding 04
- onboarding 05
- onboarding 06
- pie-chart 01
- pricing 01
- pricing 05
- pricing 06
- pricing 07
- pricing 10
- pricing 11
- product-details 01
- product-details 02
- product-details 03
- product-details 04
- product-details 05
- product-details 06
- product-details 07
- select 01
- select 02
- settings 01
- settings 02
- settings 03
- settings 04
- settings 05
- settings 06
- settings 08
- shopping-cart 03
- shopping-cart 04
- shopping-cart 05
- sign-in-and-registration 01
- sign-in-and-registration 02
- sign-in-and-registration 03
- sign-in-and-registration 04
- sign-in-and-registration 05
- sign-in-and-registration 06
- sign-in-and-registration 07
- sign-in-and-registration 08
- sign-in-and-registration 09
- sign-in-and-registration 10
- sign-in-and-registration 11
- sign-in-and-registration 12
- sign-in-and-registration 13
- sign-in-and-registration 14
- sign-in-and-registration 15
- sign-in-and-registration 16
- sign-in-and-registration 17
- switch 03
- table 01
- theme-switcher 13
- theme-switcher 14
- theme-switcher 15
- theme-switcher 16
- theme-switcher 17
- theme-switcher 18
- theme-switcher 19
- theme-switcher 20
- theme-switcher 21
- theme-switcher 28
- toggle-group 12
- toggle-group 13
Updated 67 components
+406-282
- bar-list
- breadcrumbs
- button
- calendar
- chart
- checkbox
- choice-box
- color-area
- color-field
- color-picker
- color-slider
- color-swatch
- color-swatch-picker
- color-thumb
- color-wheel
- combo-box
- command-menu
- date-field
- date-picker
- date-range-picker
- dialog
- disclosure-group
- drop-zone
- dropdown
- field
- file-trigger
- grid-list
- input
- keyboard
- leaderboard
- link
- list-box
- loader
- menu
- meter
- modal
- multiple-select
- navbar
- number-field
- password-field
- popover
- progress-bar
- progress-circle
- radio
- range-calendar
- search-field
- select
- separator
- sheet
- show-more
- sidebar
- slider
- snippet
- switch
- table
- tabs
- tag-field
- tag-group
- text-field
- textarea
- time-field
- toggle
- toggle-group
- toolbar
- tooltip
- tracker
- tree
Added block: Grid List 10
+73
- grid-list 10
Updated blocks: Cashier 02 and Hero 23
+5-5
- cashier 02
- hero 23
Updated 6 patterns
+22-20
- note/danger
- note/info
- note/inside-toast
- note/no-indicator
- note/success
- note/warning
Updated component: Grid List
+7-7
- grid-list
Updated 25 blocks
+94-143
- about 02
- bento-grids 04
- careers 01
- chat 01
- chat 02
- chat 03
- contact 01
- contact-form 03
- dashboard 04
- features 03
- footer 06
- footer 07
- footer 09
- footer 10
- grid-list 01
- grid-list 02
- hero 07
- hero 08
- hero 09
- hero 11
- hero 18
- hero 19
- hero 20
- hero 23
- pricing 01
Updated 28 components
+246-252
- breadcrumbs
- button
- button-group
- calendar
- chart
- choice-box
- detail-line
- details
- disclosure-group
- dropdown
- grid-list
- list-box
- menu
- multiple-select
- navbar
- note
- pagination
- password-field
- progress-circle
- sidebar
- snippet
- table
- tabs
- tag-group
- text
- toggle
- toggle-group
- tree
Updated pattern: Menu/section Level Section
+1-1
- menu/section-level-section
Updated components: Description List and Menu
+2-2
- description-list
- menu
Updated 3 components
+4-4
- combo-box
- menu
- select
Updated 6 blocks
+118-200
- grid-list 01
- grid-list 02
- grid-list 04
- grid-list 05
- grid-list 06
- grid-list 09
Updated 4 patterns
+94-106
- grid-list/regular-list
- grid-list/with-avatar
- grid-list/with-link
- grid-list/with-menu
Updated component: Grid List
+10-19
- grid-list
Updated blocks: Dashboard 03 and Settings 05
+11-34
- dashboard 03
- settings 05
Updated blocks: Grid List 09 and Settings 04
+5-4
- grid-list 09
- settings 04
Added block: Grid List 09
+140
- grid-list 09
Updated block: Emails 04
+1-1
- emails 04
Updated 4 blocks
+37-40
- dashboard 09
- emails 01
- emails 02
- emails 03
Added 3 blocks
+1544
- emails 04
- emails 05
- emails 06
Updated component: Grid List
+1-1
- grid-list
Updated starter kit: Laravel
- starter-kits/laravel
Updated starter kit: Laravel
- starter-kits/laravel
Updated 9 blocks
+977-904
- blog 06
- blog 07
- blog 08
- checkout 01
- checkout 02
- contact-form 01
- contact-form 02
- contact-form 03
- contact-form 04
Updated starter kit: Laravel
- starter-kits/laravel
Updated 4 patterns
+6-6
- breadcrumbs/basic
- breadcrumbs/with-icon
- button/success
- slider/step
Updated hook: Use Theme
+80-105
- use-theme
Updated 12 blocks
+2772-26
- cashier 01
- cashier 02
- cashier 03
- pos 01
- product-list 01
- product-list 02
- product-list 03
- product-list 04
- product-list 05
- product-list 06
- product-list 07
- product-list 08
Added 3 blocks
+1357
- pos 01
- pos 02
- pos 03
Updated component: List Box
-1
- list-box
Updated 8 components
+25-33
- area-chart
- bar-chart
- chart
- checkbox
- code-block
- line-chart
- pie-chart
- sidebar
Updated 16 blocks
+30-29
- about 02
- banners 03
- call-to-action 01
- call-to-action 02
- call-to-action 03
- call-to-action 04
- dashboard 02
- dashboard 04
- mixed 05
- pricing 04
- sign-in-and-registration 07
- switch 01
- table 01
- table 02
- waitlist 03
- widgets 09
Updated 6 components
+69-57
- checkbox
- field
- input
- radio
- select
- textarea
Updated blocks: Contact Form 02 and Contact Form 03
+11-11
- contact-form 02
- contact-form 03
Updated component: Field
+5-1
- field
Updated pattern: Combo Box/custom Values
+37
- combo-box/custom-values
Added patterns: Combo Box/allow Custom Values and Combo Box/multiple Select
+111
- combo-box/allow-custom-values
- combo-box/multiple-select
Updated components: Combo Box and Field
+17-5
- combo-box
- field
Updated starter kit: Laravel & Next.js
- starter-kits/laravel
- starter-kits/nextjs
Updated block: Careers 02
+64-57
- careers 02
Updated block: Careers 02
+4-4
- careers 02
Added block: Careers 02
+67
- careers 02
Added 9 patterns
- native-select/basic
- native-select/controlled
- native-select/disabled
- native-select/invalid
- native-select/uncontrolled
- native-select/with-description
- native-select/with-fieldset
- native-select/with-label
- native-select/with-opt-group
Added component: Native Select
+45
- native-select
Updated 17 components
+20-20
- bar-list
- code-block
- combo-box
- date-range-picker
- dialog
- dropdown
- leaderboard
- menu
- meter
- modal
- number-field
- password-field
- progress-bar
- sheet
- sidebar
- table
- tabs
Updated patterns: Table/with Search and Table/with Tanstack Table
+154-152
- table/with-search
- table/with-tanstack-table
Updated 74 blocks
+158-158
- about 01
- activity-feed 02
- activity-feed 03
- activity-feed 04
- activity-feed 06
- blog 03
- call-to-action 03
- dashboard 06
- dashboard 07
- dashboard 08
- dashboard 09
- errors 03
- errors 04
- errors 06
- errors 08
- faq 03
- features 02
- features 03
- hero 01
- hero 02
- hero 03
- hero 04
- hero 05
- hero 06
- hero 07
- hero 08
- hero 09
- hero 10
- hero 11
- hero 12
- hero 13
- hero 14
- hero 15
- hero 16
- hero 17
- hero 18
- hero 19
- hero 20
- hero 21
- hero 22
- hero 23
- hero 24
- hero 25
- hero 26
- hero 27
- hero 28
- hero 29
- mixed 02
- notifications 01
- notifications 02
- notifications 03
- notifications 04
- onboarding 03
- pricing 01
- pricing 05
- pricing 06
- pricing 07
- pricing 11
- product-details 04
- shopping-cart 01
- shopping-cart 02
- shopping-cart 03
- shopping-cart 04
- shopping-cart 05
- sign-in-and-registration 06
- stats 03
- table 01
- table 02
- testimonials 02
- testimonials 04
- testimonials 08
- testimonials 12
- waitlist 03
- widgets 07
Updated 81 blocks
+176-176
- about 01
- activity-feed 02
- activity-feed 03
- activity-feed 04
- activity-feed 06
- blog 03
- call-to-action 03
- dashboard 03
- dashboard 04
- dashboard 06
- dashboard 07
- dashboard 08
- dashboard 09
- dashboard 10
- dashboard 11
- errors 03
- errors 04
- errors 06
- errors 08
- faq 03
- faq 10
- faq 11
- features 02
- features 03
- hero 01
- hero 02
- hero 03
- hero 04
- hero 05
- hero 06
- hero 07
- hero 08
- hero 09
- hero 10
- hero 11
- hero 12
- hero 13
- hero 14
- hero 15
- hero 16
- hero 17
- hero 18
- hero 19
- hero 20
- hero 21
- hero 22
- hero 23
- hero 24
- hero 25
- hero 26
- hero 27
- hero 28
- hero 29
- mixed 02
- notifications 01
- notifications 02
- notifications 03
- notifications 04
- onboarding 03
- pricing 01
- pricing 05
- pricing 06
- pricing 07
- pricing 11
- product-details 04
- shopping-cart 01
- shopping-cart 02
- shopping-cart 03
- shopping-cart 04
- shopping-cart 05
- sign-in-and-registration 06
- stats 03
- table 01
- table 02
- testimonials 02
- testimonials 04
- testimonials 08
- testimonials 12
- waitlist 03
- widgets 07
- widgets 11
Updated 17 components
+31-31
- bar-list
- code-block
- combo-box
- dialog
- dropdown
- input
- leaderboard
- menu
- meter
- modal
- number-field
- password-field
- progress-bar
- sheet
- sidebar
- table
- tabs
Updated starter kit: Next.js
- starter-kits/nextjs
Updated starter kit: Laravel
- starter-kits/laravel
Added patterns: Note/no Indicator and Slider/square Thumb
+38
- note/no-indicator
- slider/square-thumb
Updated 4 blocks
+9-7
- checkout-success 04
- checkout-success 06
- checkout-success 08
- checkout-success 09
Updated component: Slider
+1-1
- slider
Updated 3 blocks
+173-204
- widgets 01
- widgets 07
- widgets 09
Added 4 blocks
+261
- widgets 10
- widgets 11
- widgets 12
- widgets 13
Ready to build something amazing?
High conversion sections, clean layouts, and consistent UI patterns you can reuse everywhere.