Version 1.0
30 parts for any website.
Modals, menus, date pickers, uploads, carousels and more, in plain HTML, CSS and JavaScript. No framework and nothing to install.
- 30 interactive components
- 14 CSS-only basics
- Light and dark
- Keyboard friendly
Select with search
Date picker
Tabs
$12 a month.
$9 a month, billed once a year.
$240 once.
Toast and modal
Tag input
Overlays
ModalA dialog in the middle of the screen.DrawerA panel that slides in from an edge of the screen: for filters, a cart, details or a phone menu.Dropdown menuA list of actions that opens from a button, or from a right click anywhere in an area.PopoverA small panel next to a button, for extra detail or a few controls.TooltipA short text that appears when you point at an element or move to it with the keyboard.ToastA short message in a corner of the screen that goes away by itself.Command paletteA search box over the page that finds pages and actions as you type.LightboxClick a small picture to see the large one, and step through a gallery.TourPoint at parts of a page one after the other, with a short text for each.
Navigation
TabsSwitch between panels of content in the same place.AccordionA list of headings that open to show their content.Navigation barA site header with links and dropdown panels.PaginationPage numbers with Previous and Next.BannerA bar for one short message.
Forms
SelectA styled select with search and multiple choice.Date pickerType a date or pick it from a calendar.File uploadChoose files or drag them in.Tag inputType a word and press Enter to turn it into a tag.Code inputBoxes for a short code from an email or a text message.RatingStars to click, built on radio buttons so they work in forms and with a keyboard.Signature padSign with a mouse, a finger or a pen.Field helpersFive small helpers for form fields.Form validationShows a clear message under each wrong field, using the rules you already write in HTML.
Content
CarouselSlides you can swipe, scroll or step through with buttons.Image compareTwo pictures on top of each other with a line you drag to compare them.CountdownDays, hours, minutes and seconds until a moment, or a timer that starts on the first visit.Code blockA code block with colours, a language label and a copy button.Filter gridFilter, search and sort a grid of items: a portfolio, a product list, a directory.Scroll revealElements fade or slide in when they scroll into view.Cookie consentA cookie banner with Accept, Reject and a choices dialog.