• Stars
    star
    416
  • Rank 101,095 (Top 3 %)
  • Language
    CSS
  • Created over 5 years ago
  • Updated about 1 month ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Web Components & Custom Elements for Professional Web Applications

Smart UI

Web Components, Anguiar UI Components and React UI Components for Professional Web Applications

Published on webcomponents.org | Price | Build Status

Build responsive, mobile-first projects on the Web with the most advanced front-end component library

What is Smart UI?

Smart UI is a Framework for building Web Components and Custom Elements. Smart is similar to Stencil and LitElement. It supports two-way data-binding, templates, property change notifications, Typescript-like type-checking and validation. Smart does not have third-party dependencies. It is pure Javascript code. 60+ UI Components are built with Smart including Grid, Chart, Kanban, Gantt, Table, Tabs, Accordion, Gauge, DateTimePicker and others. Some of the UI Components built with the library are commercial. Others are open-source. Smart UI components are available in Javascript, Angular and React. Typescript definitions are included.

Works across devices and browsers

Supported Browsers: Chrome, Firefox, Safari, Edge, Opera

UI Components

Component Status Issues
<smart-accordion> Published on npm Issues
<smart-button> Published on npm Issues
<smart-calendar> Published on npm Issues
<smart-card> Published on npm Issues
<smart-carousel> Published on npm Issues
<smart-chart> Published on npm Issues
<smart-check-box> Published on npm Issues
<smart-color-panel> Published on npm Issues
<smart-color-picker> Published on npm Issues
<smart-combo-box> Published on npm Issues
<smart-date-time-picker> Published on npm Issues
<smart-docking-layout> Published on npm Issues
<smart-drop-down-button> Published on npm Issues
<smart-drop-down-list> Published on npm Issues
<smart-file-upload> Published on npm Issues
<smart-gantt-chart> Published on npm Issues
<smart-gauge> Published on npm Issues
<smart-grid> Published on npm Issues
<smart-input> Published on npm Issues
<smart-kanban> Published on npm Issues
<smart-list-box> Published on npm Issues
<smart-list-menu> Published on npm Issues
<smart-masked-text-box> Published on npm Issues
<smart-menu> Published on npm Issues
<smart-multiline-text-box> Published on npm Issues
<smart-multi-split-button> Published on npm Issues
<smart-numeric-text-box> Published on npm Issues
<smart-pager> Published on npm Issues
<smart-password-text-box> Published on npm Issues
<smart-power-button> Published on npm Issues
<smart-progress-bar> Published on npm Issues
<smart-query-builder> Published on npm Issues
<smart-radio-button> Published on npm Issues
<smart-repeat-button> Published on npm Issues
<smart-scroll-bar> Published on npm Issues
<smart-slider> Published on npm Issues
<smart-sortable> Published on npm Issues
<smart-splitter> Published on npm Issues
<smart-switch-button> Published on npm Issues
<smart-table> Published on npm Issues
<smart-tabs> Published on npm Issues
<smart-tank> Published on npm Issues
<smart-time-picker> Published on npm Issues
<smart-text-box> Published on npm Issues
<smart-toast> Published on npm Issues
<smart-toggle-button> Published on npm Issues
<smart-tooltip> Published on npm Issues
<smart-tree> Published on npm Issues
<smart-window> Published on npm Issues

Download and Installation

Download Smart HTML Elements

Live Demo ↗ | Documentation ↗

Screenshot of smart-grid, using the Material theme

Screenshot of smart-sheet, using the Material theme

Screenshot of smart-chart, using the Material theme

Screenshot of smart-docking, using the Material theme

Screenshot of smart-tabs, using the Material theme

Screenshot of smart-calendar, using the Material theme

More Repositories

1

smart-blazor

Blazor UI Components & Examples
HTML
62
star
2

smart-table

Table UI Component. Available for Web Components, Angular and React
JavaScript
38
star
3

smart-webcomponents-community

Material & Bootstrap Web Components built with Smart
CSS
32
star
4

smart-bootstrap

Material Bootstrap Web Components. Extends Bootstrap with Material and CSS3 Variables
HTML
21
star
5

smart-custom-element

Smart a lightweight web component library that provides capabilities for web components, such as data binding, using es6 native class inheritance. This library is focused for providing the developer the ability to write robust and native web components without the need of dependencies and an overhead of a framework.
JavaScript
20
star
6

smart-accordion

Smart Accordion Custom Element | Web Components | HTML Elements | Javascript UI
17
star
7

smart-gantt-chart

Gantt Web Component
CSS
16
star
8

smart-webcomponents-angular

Smart UI for Angular
CSS
16
star
9

smart-webcomponents-react

Smart UI for React
CSS
15
star
10

smart-tabs

Smart Tabs Custom HTML Element https://www.htmlelements.com/
14
star
11

smart-card

Smart Web Components - Card Custom Element
CSS
12
star
12

smart-tooltip

Tooltip Web Component
CSS
11
star
13

smart-calendar

Smart Calendar Custom HTML Element
11
star
14

smart-carousel

Carousel Custom Element
CSS
11
star
15

smart-progressbar

ProgressBar Custom Element
9
star
16

smart-button

Smart Button Custom HTML Element
8
star
17

smart-listbox

ListBox Custom Element
8
star
18

smart-grid

Grid Web Component - Grid Custom Element - https://www.htmlelements.com/demos/
8
star
19

smart-input

Auto Complete Input Web Component | https://www.htmlelements.com/
7
star
20

smart-colors

Material Colors Web Component | Material Design | Smart HTML Elements
JavaScript
4
star
21

smart-chart

Chart Web Component - Chart Custom Element - Charting - https://www.htmlelements.com/
3
star
22

vscode-angular-snippets

Visual Studio Code Snippets for Smart Web Components
TypeScript
1
star