Skip to content

Changelog

This page describes the changes that happen throughout the library from version to version. It's important to note that Quiet is not anchored to a major version . Breaking changes will be made when necessary and a new major version will be released to reflect them. When breaking changes do happen, they'll be clearly marked with breaking so you can upgrade with minimal friction.

Components marked stable are well-tested, ready for production, and less likely to see breaking changes. Components marked experimental are offered as explorations to gather feedback. Experimental components are less stable and may receive breaking changes or be removed from the library without a major version bump.

5.2.0 Jump to heading

May 31, 2026

  • Added the <quiet-date-input> component
  • Added the <quiet-date-picker> component
  • Added the <quiet-known-date> component
  • Added the <quiet-time-input> component
  • Added the beforeinput event to <quiet-number-field> stepper buttons for consistency with native number inputs
  • Added the contained appearance to <quiet-passcode>
  • Added the heading-level attribute to <quiet-accordion> for wrapping each item's header in a configurable heading element as recommended by the ARIA APG accordion pattern
  • Added the heading CSS part to <quiet-accordion-item>
  • Added start and end slots to <quiet-text-area> for presentational icons
  • Added the capture attribute to <quiet-file-input> for capturing media directly from a camera or microphone
  • Added the has-picker and has-swatches custom states to <quiet-color-picker> and <quiet-color-input>
  • Added the --spacing custom property to <quiet-color-picker> for controlling the padding around the edges of the picker
  • Added a progress bar that shows while the page loads when you use <html class="quiet-cloak">
  • Added --quiet-cloak-timeout to make the cloaking timeout configurable
  • Fixed a bug in <quiet-checkbox> where aria-checked="mixed" wasn't being set in the indeterminate state
  • Fixed an accessibility issue in <quiet-time-input> where the trigger button and picker popover were hidden from assistive technologies, making the picker undiscoverable to screen reader users. The trigger now exposes aria-haspopup="dialog", aria-expanded, aria-controls, and aria-keyshortcuts, and the picker is exposed as a labeled dialog
  • Fixed a bug in <quiet-time-input> and <quiet-date-input> where input and quiet-input events were only dispatched when the typed segments composed to a complete value, so changes like toggling AM/PM with an empty hour or typing the first digit into a segment fired no event
  • Fixed a bug in <quiet-date-input> where resetting the form while the picker popover was open left the popover open, and where partial typed-range tentative state could persist across a form reset
  • Fixed a bug in <quiet-date-picker> where the previous and next navigation buttons stayed enabled past the min/max boundaries, and where PageUp/PageDown could walk the focused date into fully out-of-range months
  • Fixed a bug in <quiet-dropdown-item> that didn't show the selected state when the submenu was open
  • Fixed a bug in <quiet-text-field> and <quiet-number-field> where programmatically setting an invalid value on typed inputs (e.g. number, date, time, datetime-local) would leave the component's value out of sync with the native input, which coerces invalid strings to an empty string
  • Fixed a bug in <quiet-color-input> that caused the color pickers handles to be clipped when dragging near the edge
  • Fixed a bug in <quiet-signature> where the start of a stroke could render with a notch caused by pointer jitter on the first samples
  • Fixed a bug in <quiet-file-input> where the accept property was incorrectly typed as a boolean instead of a string
  • Fixed an accessibility issue in <quiet-scroller> where aria-orientation was set on an element with role="region", which doesn't support that attribute
  • Improved screen reader announcements for <quiet-toast> by inserting a fresh live region element per toast, which announces more reliably across screen readers
  • Improved <quiet-signature> so strokes begin with a small ballpoint-style ink blot for a more natural look
  • Improved the layout of <quiet-color-picker> by reordering the controls so the sliders come before the eye dropper and preview buttons
  • Updated @quietui/squeak to 3.0.1
  • Updated Tabler Icons to 3.44.0

5.1.0 Jump to heading

April 12, 2026

  • Added the experimental <quiet-aura> component
  • Added autocapitalize, autocorrect, enterkeyhint, inputmode, and spellcheck properties to <quiet-combobox> and <quiet-tag-input>
  • Fixed a bug in <quiet-avatar> that forced all elements in the icon slot to be a specific size
  • Fixed a bug in <quiet-number-field> where tapping stepper buttons on touch devices would focus the input, show the virtual keyboard, and shift the page
  • Added overscroll-behavior-x: contain to <quiet-carousel> and <quiet-scroller> to prevent the page from scrolling when the user reaches the end of horizontal scroll content
  • Fixed a bug in <quiet-tab-list> where start and end placements would scroll horizontally instead of vertically
  • Fixed slotted icon styles in <quiet-avatar>
  • Updated Tabler Icons to 3.41.1

5.0.0 Jump to heading

March 19, 2026

  • breaking Replaced the multicolor boolean attribute on <quiet-identicon> with the appearance attribute, which accepts solid, tonal, or multicolor
  • Added the <quiet-monster> component
  • Added the <quiet-tag-input> component
  • Added the <quiet-timeline> and <quiet-timeline-item> components
  • Added support for labeled swatches in <quiet-color-picker> and <quiet-color-input> by accepting an array of { color, label } objects for the swatches property, improving accessibility by allowing custom aria-labels for each swatch
  • Added the pixel-filled part and the --color custom property to <quiet-identicon> for improved styling capabilities
  • Added the icon-button, toggle-button, and link-button custom states to <quiet-button>
  • Fixed <quiet-combobox> not dispatching the native change event when the clear button is clicked
  • Fixed a missing overflow: hidden in <quiet-scroller> that causes Chrome to overflow in certain circumstances
  • Improved the minimum font size of 10px to <quiet-badge> for improved accessibility
  • Improved <quiet-combobox>
    • Added min and max attributes for validating the number of selections in multiple mode
    • Added the allow-create attribute to <quiet-combobox>, allowing users to create new items by typing text that doesn't match an existing option
    • Added the query property to <quiet-combobox> so users can read the current search text when listening to quiet-input events
    • Added the tag-label CSS part which truncates excessively long text in tags by default
    • Fixed tag remove buttons being clickable when the combobox is disabled
    • Improved the quiet-input event so it dispatches before filtering, allowing listeners to add or update items that are included in the current filter pass
  • Improved the size of icons in <quiet-avatar> so they're more visible
  • Improved performance of <quiet-slider> by moving clamping logic from updated() to willUpdate() to avoid a double render cycle on every update
  • Improved <quiet-sortable> keyboard reordering from grab/move/drop to option or alt + arrow keys for immediate moves

4.2.0 Jump to heading

March 8, 2026

  • Added the <quiet-match-media> component (🌟 #100 🌟)
  • Added a runtime check to warn users when they're using a legacy browser
  • Improved the icon search and added category buttons

4.1.1 Jump to heading

March 8, 2026

  • Fixed a bug in <quiet-text-reveal> that caused the default to incorrectly be blur instead of fade

4.1.0 Jump to heading

March 8, 2026

  • Added the <quiet-text-reveal> component
  • Fixed missing border in Restyle <dialog> CSS
  • Improved the fuzzy search algorithm to reduce false positives by scoring words individually and constraining match spread
  • Updated Tabler Icons to 3.40.0

4.0.0 Jump to heading

February 28, 2026

  • breaking Translation term functions now use a single key/value object instead of positional arguments
  • Added the <quiet-math> component
  • Added the <quiet-sortable> component
  • Added the <quiet-term> component for rendering translated terms
  • Added the multiple custom state to <quiet-tree>
  • Fixed a bug in <quiet-popover> that left aria-haspopup on the old anchor when the for attribute was changed dynamically
  • Fixed a bug where pressing Escape with nested dismissible components would close all of them instead of only the topmost one
  • Fixed a bug in <quiet-tab-list> where setting the initial tab attribute didn't always work because slotted tabs weren't yet available when the property first updated
  • Improved translations across 23 languages with corrected terminology, proper plural logic for Slavic languages, and consistent register
  • Updated Tabler Icons to 3.37.1

3.1.0 Jump to heading

February 19, 2026

  • Added the <quiet-identicon> component
  • Added the <quiet-truncate> component
  • Added the without-picker attribute to <quiet-color-picker> and <quiet-color-input> to show a color picker with only swatches
  • Added support for object iteration and the $key property to <quiet-stamp>
  • Added aria-disabled to disabled button links in <quiet-button> to improve the experience for screen readers
  • Added async search support to <quiet-search-list> via the search property, loading property/slot/state, and clearItems() method
  • Added tests to all components
  • Added natural mode to <quiet-typewriter>
  • Added undo/redo buttons to <quiet-signature> that step through drawn strokes
  • Added focus pause/resume behavior to <quiet-toast-item> so the timer stops when focused and resumes on focus out
  • Added $alt, $cmd, $ctrl, and $esc keyword aliases to <quiet-hotkey>
  • Added the with-count attribute to <quiet-text-area> to show a character count below the text area
  • Fixed a bug in <quiet-popover> and <quiet-tooltip> that caused them to stop working after being moved in the DOM
  • Fixed a bug in <quiet-tooltip> that threw an error when reposition() was called before the component's shadow DOM had rendered
  • Fixed a bug in <quiet-toggle-icon> that prevented user-valid and user-invalid states from being applied after user interaction
  • Fixed a bug in <quiet-color-picker> where clicking a swatch with opacity didn't update the alpha slider or preview because TinyColor doesn't parse modern CSS color syntax such as rgb(0 0 255 / 0.5)
  • Fixed missing HTMLElementTagNameMap type for <quiet-pagination>
  • Improved the <quiet-flip-card> animation to feel more physical and natural by using keyframe animations with a subtle midpoint scale effect
  • Improve search in the docs by switching from Lunr to MiniSearch
  • Improved <quiet-search-list> to use assignedElements() instead of this.children for more reliable slot content detection
  • Improved the fuzzy search algorithm with better transposition scoring, consecutive/prefix match bonuses, word-boundary awareness, and an early exact-match bailout
  • Updated all dependencies to the latest versions

3.0.0 Jump to heading

January 30, 2026

  • breaking Components no longer reflect default attribute values unless explicitly set by the user, improving compatibility with DOM morphing/diffing libraries
  • Added the --quiet-modal-border-color design token for styling borders on raised overlay elements such as <quiet-dialog>
  • Added loops, special properties, and made curly brackets optional in the experimental <quiet-stamp> component
  • Fixed a bug in <quiet-number-field> that exposed unsupported setSelectionRange() and setRangeText() methods
  • Improved the performance of <quiet-qr> by only re-rendering the canvas when the color property transitions
  • Improved smoothness of signatures in <quiet-signature> when drawing with mobile browsers np

2.4.0 Jump to heading

January 27, 2026

  • Added Reactive Controller support to Burrow
  • Added the ability to expand/collapse an entire branch in <quiet-tree> by pressing Option or Alt while clicking
  • Fixed a bug in <quiet-file-input> that caused the dropzone icon to remain neutral instead of the brand color
  • Fixed a bug in <quiet-listbox> that prevented the correct selection from being applied when selecting ranges and when pressing Shift + Home/End in multiselect controls
  • Replaced llms.txt with an Agent Skill
  • Removed the re-export of the if-defined, live, unsafeSVG, and until directives from Burrow; import them from lit-html instead

2.3.0 Jump to heading

January 24, 2026

  • Added the <quiet-signature> component
  • Added translations for Simplified Chinese, Traditional Chinese, Japanese, Portuguese (Brazilian), French, Italian, Arabic, Hebrew, Persian, Polish, Hindi, Korean, Indonesian, Greek, Vietnamese, Turkish, Norwegian, Swedish, and Ukrainian
  • Fixed a bug in <quiet-tree-item> that caused the loading icon to wobble in iOS
  • Improved llms.txt to include more examples and information about CSS Utilities, Restyle, etc.

2.2.0 Jump to heading

January 14, 2026

2.1.0 Jump to heading

December 29, 2025

2.0.0 Jump to heading

December 4, 2025

  • breaking Renamed <quiet-countdown> to <quiet-counter>
    • Added mode="countup" to support counting up
    • Fixed a bug that prevented countdowns with no initial date from rendering
  • Added appearance="gauge" to <quiet-progress>
  • Added the content property to <quiet-scroller> so users can listen to the scroll event and get/set the scroll position
  • Added the ability to hover over <quiet-relative-time> to see the full date/time
  • Fixed a bug in <quiet-scroller> that caused shadows to always show in vertical orientations
  • Fixed a bug in Restyle that allowed text to overflow <pre> tags instead of scrolling
  • Fixed a bug in <quiet-text-field> that moved the cursor to the start of the input when toggling password visibility
  • Fixed a bug in <quiet-card> that prevented the card from rendering at full width in flex containers
  • Fixed a bug in <quiet-checkbox> and <quiet-switch> that caused undesired spacing when HTML elements were slotted in the label
  • Improved <quiet-slider> to be more resilient to passing strings instead of numbers to the min, max, and step properties

1.7.0 Jump to heading

November 8, 2025

  • Added new publishing mechanism for the private CDN
  • Improved <details> styles in Restyle so they animate in supportive browsers

1.6.2 Jump to heading

November 3, 2025

1.6.1 Jump to heading

October 26, 2025

  • Fixed missing validationMessage read-only property in all form controls #24

1.6.0 Jump to heading

October 26, 2025

  • Added ifDefined, live, unsafeHTML, unsafeSVG, and until directives to Burrow

1.5.0 Jump to heading

October 26, 2025

  • Added Burrow as an optional and experimental utility for adding interactivity to static pages

1.4.0 Jump to heading

October 26, 2025

1.2.0 Jump to heading

October 12, 2025

  • Added support for link buttons using <a class="quiet-button"> in Restyle
  • Added missing border and background styles for <iframe> in Restyle
  • Added the pie appearance to <quiet-progress>
  • Fixed a bug in <quiet-slider> that allowed the tooltip position to get out of sync #12
  • Fixed initial focus when <quiet-dialog> opens #16
  • Fixed a bug in <quiet-popover> that caused clicks inside the popover to close it when used inside a shadow root #17

1.1.1 Jump to heading

September 25, 2025

  • Fixed the default value of --quiet-form-control-font-size-xl so it's not a fractional font size
  • Fixed the tag color in <quiet-combobox> so they're visible in the filled appearance
  • Fixed a bug in <quiet-combobox> that allowed the browser's autocomplete menu to appear
  • Fixed CodePen demos so they include the theme, Restyle, utilities, and dark mode
  • Fixed a bug in Restyle where text in the <summary> element would overlap the chevron

1.1.0 Jump to heading

September 22, 2025

  • Added the <quiet-random-content> utility component
  • Added styles for <q> and <cite> elements in Restyle
  • Improved <summary> styles so the hit area extends the full width of the container

1.0.3 Jump to heading

September 20, 2025

  • Fixed a bug in the unbundled distribution that caused some files to not be included
  • Removed splitting from the browser distribution
  • Fixed publishing goofs from 1.0.1 and 1.0.2

1.0.0 Jump to heading

September 20, 2025

This is the first release of Quiet UI, which includes:

  • More than 80 framework agnostic components
  • A modern theme with dark mode
  • An optional CSS reset
  • Helpful CSS utilities
  • Ready-to-use AI component intelligence
  • A focus on accessibility, longevity, performance, and simplicity

The next brushstroke could change everything.

Search this website Toggle dark mode View the code on GitHub Follow @quietui.org on Bluesky Follow @quiet_ui on X

    No results found