UI: UI widgets & patterns
Pretty credit card form built with elm
Commonly used Html element with extra functionality
International phone number form input.
A selection input with auto-completion
ELM tree view component
A well-styled, configurable, and feature rich date picker
Type aliases and helpers for handling forms with stoeffel/elm-verify
Modules for creating user friendly form controls in elm
Material Colors
Elm Bindings for MWC and Polymer Elements
Material Components for Elm
A simple control panel to tweak values interactively.
A reusable date picker component
Simple module to mask / unmask string inputs
A modal dialog widget for Elm. Forked from krisajenkins.
A date range picker.
Want to be a real wizard, with fable you can tale some stories from you views!
A reusable date picker component
a video element that is pannable and zoomable
Drag and Drop for sortable lists in Elm web apps with mouse support
Drag and Drop utilities for the elm-dom framework.
Make inputText with count and set the maximum characters(not words).
Easily create interactive UIs for complex data structures
A modular form library with support for custom input widgets
Converts file size in bytes to a human readable string
A simple gallery that supports infinite scrolling
Elm slider implementation
Simple message alert library.
Simple rating component.
A package to generate HTML placeholders using elm-css.
A Dialog UI module based on Material Design Lite
A popup <div> to pick from a list of choices.
Sortable tables for data of any shape.
elm-svg-button eases creation of SVG buttons.
Easily create placeholder loadings like Facebook's cards loading
Modal dialog with Bulma styling
Sortable (and paginated) tables for data of any shape.
UI library we use at CarbonCloud.
Tooltips in Elm via bindings to @popperjs/core
Elm slider implementation
A state machine to handle forms in elm.
Progress ring built elm/svg
Scrollable containers with snapping
All the worlds currencies
List of US State abbreviations and a few helpful functions
Elm library to use form state from the platform
Search term highlighting for Elm apps
Component to serve as a foundation for custom dropdowns.
A Handsome flexible select!
A customizable menu component which could be used for autocomplete component
A reusable date picker component
A highly configurable, efficiently rendered spinner component
Standalone version of the elm-pages Form API.
Embed Tweets, YouTube videos, Ellies, and more with a Custom Element.
Pure Elm rich text editor for blogpost-sized texts
A reusable dropdown/filters Elm package
A customisable date picker written in Elm
Decode and use Hundred Rabbits themes.
Quickly build forms to create or update any Elm type
A dropdown / select component
Easy undo in Elm
Select files. Download files. Work with file content.
Create and parse URLs. Use for HTTP and "routing" in single-page apps (SPAs)
Also known as snackbars or pop-up notifications
Parameter tweaking library using elm-ui
Displays a virtual infinite list, only showing visible items
Infinite scroll API
Easily create placeholder loadings like Facebook's cards loading
Daisy UI elements (https://daisyui.com/)
Dropdown that handles items of an arbitrary type `t`
Access to settings and states for widgets of the Bubblegum UI toolkit.
TextArea widget for the Bubblegum UI toolkit.
Simple 5 star rating component
Elm Autocomplete with debouncing and async fetching of data.
Image and general purpose content gallery/slider (fork of rl-king/elm-gallery).
Some utilities for handling forms
A fancy daterangepicker in elm.
Infinite scroll library
Fluid width/responsive image cropper UI
Datetime component
Multiselect component
ELM select component with autocompletion & tailwind
Full features ELM table component for Tailwind
ELM tree view component
Simple Accordion for Elm
Component to serve as a foundation for custom dropdowns.
A tabbed general-purpose emoji picker
A dashboard layout library.
Commonly used Html element with extra functionality
multiselect control
Reusable high level drag-and-drop library for elm
Editor and code generator for live-editing config values in the browser
A Handsome configurable select inspired by Culture Amp's Kaizen select.
An elm-ui-friendly picker by scrolling
Flexible context menu for Elm
Yet another debouncer for Elm.
Select/menu using browser focus. Minimal approach: ~200 lines of code.
Fast and easy fps counter
A flexible and extensible form package in Elm that uses the platform.
2D drawing API based on DOM Canvas, but nicer
Elm functions for working with toggleable UIs
Make an element pannable and zoomable by dragging and scrolling.
A modal dialog widget for Elm.
Simple and robust pagination in elm
A GitHub-style SVG contribution graph written in pure Elm
Elm bindings to the "Sign in With Google" widget
Render a rectangular grid of cells to HTML.
Pure Elm text editor forked from Sydney Nemzer
Drag and drop editor for table of contents
Selectize-like dropdown menu with autocompletion
Implementation of the WAI-ARIA tabs widget
Shows JSON data as an expandable HTML tree
A container for dropdowns
Get Gravatar image source URL or DOM image element
A multi-value input (for emails, tags, etc.)
Use Hammer.js touch events with Elm
Custom dropdown based on elm-selectize
A simple material design select box
items rolled up on both sides of a focus
Data grid built with elm-ui
A mimic of Select2 in Elm
Build type-safe composable, universal forms
International phone number form input.
Prefab UI is a collection of ElmUI components inspired by clarity.design.
A configurable toast notification package for Elm, using elm-bootstrap alerts.
AgGrid integration for Elm
a datetime picker component
a small popup to display informative messages that disappear automatically
an advanced select component
Shows JSON data as an expandable HTML tree
Fluid width/responsive image cropper UI
Create single page applications with hash-routing
A typewriter effect in Elm!
Build rich text editors in Elm
Render a hovercard beneath a DOM element
A date range picker.
multiselect control
Mask `String`s to be used in input fields
Generate validating forms from JSON schemas.
A elm simple pagenater.
Sortable tables for whatever data you want to display.
UI Widgets we use at NRI
This library handles dragging and dropping using the HTML5 API
A select widget for elm-ui with keyboard input, filter, scrolling and requests!
A pure Elm auto expanding textarea
Placeholder text for your Elm apps
A dynamically configurable grid
a datetime picker component
Encode and decode JSON values
A configurable toast notification package for Elm apps.
Syntax highlighting in Elm
A date time picker built on top of elm-datetime package.
A dynamically configurable grid
Simple loading spinners animated in CSS for your elm application.
Tree-editing interface for Elm
Shows JSON data as an expandable HTML tree
A simple dropdown component for elm-ui
Component that allows the user to manipulate single digits in decimal numbers
A Modal Gallery for Bootstrap v4
Pagination with Built-In Fetching & Caching of Requests
Elm 0.19 fork of github.com/danyx23/elm-dropzone drop zone convenience library
Sortable tables for whatever data you want to display.
A package for viewing a list of data
Image and general purpose content gallery/slider.
Masonry column grid layout.
An Elm wrapper for the Cloudinary Video Player
Build rich text editors in Elm
An Elm UI searchbox (searchable autocomplete dropdown)
Simple piano wigdet for Elm programming language
Tron: Minimal Universal GUI
A simple color-picker widget, using svg
Animated menus for mobile-first webapps
Scroll to a position in an animated way
A simple but extensible datatable.
Autcomplete search input in elm
A searchable ISO 3166-1 based list of country names, codes and emoji flags
A selection input with auto-completion
Seamlessly display emoji in Elm applications.
An elm package for range sliders
An elm implementation of a time picker
A list with a focus
A searchable ISO 3166-1 based list of country names, codes and emoji flags
Accessible modal component
Drag library designed for many different interaction locations
Window toolkit providing resizeable, draggable UI containers.
A wrapper around the Youtube iFrame Api
A simple gallery that supports infinite scrolling
A collection of stateless, themable widgets for Elm applications.
Easily scroll an element to the desired position
A tabbed general-purpose emoji picker
Responsive modular grid layouts for Elm
Sortable tables for data of any shape.
Split pane for elm.
Blurhash decoder and encoder (https://github.com/woltapp/blurhash).
Scrolling to position that always takes the same amount of time.
A package for viewing a calendar of events
Awesome presentation framework to create your slides in Elm
Slick grid in ELM
Sortable tables for data of any shape.
Simple and fast way to build forms
KaTeX in elm (without ports): a fast LaTeX rendering library from Kahn Academy.
2D drawing API based on DOM Canvas, supports js functions with return value
easy way to make DOM elements draggable
Would you like to forget CSS and have fun building UIs with elm-ui instead?
🎁 Get a walkthrough of all elm-ui features and a showcase of elm-ui examples.
🛠 I'm still adding content but you can start learning right now 👇
