Needless UI

Components

Every component is built on native elements and documented with live examples, its API and its keyboard behavior.

  • Avatar

    A person’s picture, or their initials on a color that is always theirs.

  • Breadcrumbs

    The trail of pages that leads to the current one.

  • Button

    Actions and links, styled on native button and anchor elements.

  • Calendar

    Pick a day, a range or several days, from the keyboard too.

  • Carousel

    Slides in a row that scrolls and snaps, with buttons, dots and rotation.

  • Chat

    Talk to a model: streamed replies, tools, versions and files.

  • Color picker

    A color in OKLCH, on an area or a wheel, with swatches, an eyedropper and a contrast check.

  • Combobox

    A text field that suggests options as you type.

  • Command palette

    Every command in your app, a keystroke away.

  • Date picker

    Type a date or time in segments, or pick it in a calendar.

  • Dialog

    A modal window on the native dialog element, with focus handled by the browser.

  • Dropzone

    Drop files or choose them, with checks, previews and uploads with progress.

  • Rich text editor

    Headings, lists, links and formats, with a toolbar and Markdown as you type.

  • Empty state

    What to show when there is nothing to show, and what to do about it.

  • Data grid

    Sort, filter, group, edit and export any number of rows.

  • Markdown

    Render Markdown safely, even while it streams in.

  • Input mask

    Text fields that format as people type: dates, cards, IBANs, codes.

  • Menu

    A popup list of actions, with submenus, checkable items and full keyboard support.

  • Number field

    A number input with steppers, formatted for every locale.

  • OTP input

    Verification codes in separate slots, on one real input.

  • Phone field

    A country picker and a number, grouped as the country writes it.

  • Popover

    Floating panels next to a button, and rich tooltips on hover.

  • Rating

    Stars to rate with, on real radio buttons.

  • Scheduler

    Events in a month, a week, a day, an agenda or a timeline of rooms and people, dragged into place.

  • Select

    Pick one option or many, from a short list or a huge one.

  • Skeleton

    Placeholders that hold the layout while content loads.

  • Splitter

    Panes side by side or stacked, with handles to resize them.

  • Toast

    Short messages that stack, swipe away and never steal focus.

  • Tour

    A card for each step, beside what it’s about, with the page dimmed around it.