Nude UI

A collection of accessible, customizable, ultra-light web components

• Using built-in controls whenever possible, web components when JS and/or extra elements are needed
• Highly customizable
• Tiny (most are ~1KB minified & compressed)

A work in progress. Try them out and provide feedback or move along and check back later.

Existing components

• Switch: On/off toggle switch
• Button Group: Group of buttons for selecting one or more values out of a set of options
• Cycle Toggle: Compact way to select one option from a group, click selects the next option
• Discrete meter: Meter with discrete values shown as icons
• Rating: Like discrete meter, but editable via hovering and clicking
• HTML Demo: Display demos of HTML content alongside their source code

In progress

• Image input: Input an image via URL, file upload, drag-and-drop, or pasting
• Freeform text with presets: A combination of a text input and a select element
• Calendar: Show dates on a calendar

Wanna use them all?

This includes all components from the two categories above (existing and in progress).

import "https://nudeui.com/index.js";

Failed experiments

Do not use. These have serious flaws and are likely incomplete. They are included here only in case someone else wants to look into fixing their issues, as well as a warning for other wanderers going down the same path.

• Drop down