@ndiing/ndiing NPM

Ndiing UI

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Important links

Material Design for our design implementation, used for every component :)
LitElement for our web component foundation, used in NgElement
PouchDB for our indexeddb proxy, used in NgIndexedDBProxy as indexeddb

Quick start

Using via CDN

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ndiing/ndiing/resources/ndiing.css">
</head>
<body>
    <script src="https://cdn.jsdelivr.net/gh/ndiing/ndiing/resources/ndiing.js" type="module"></script>
</body>
</html>

Components

All component classes are exported in each folder, but also imported all in ndiing.js except modules

Name	Status
layout	`Ready`
layout-column	`Ready`
layout-grid	`Ready`
color	`Ready`
elevation	`Ready`
typography	`Ready`
button	`Ready`
fab	`Ready`
icon	`Ready`
list	`Ready`
list-item	`Ready`
menu	`Ready`
menu-item	`Ready`
navigation-drawer	`Ready`
tab	`Ready`
tab-bar	`Ready`
dialog	`Ready`
picker	`Ready`
progress	`Ready`
side-sheet	`Ready`
snackbar	`Ready`
tooltip	`Ready`
top-app-bar	`Ready`
data-table	`Ready`
pagination	`Ready`
toolbar	`Ready`
form	`Ready`
date-field	`Ready`
email-field	`Ready`
number-field	`Ready`
password-field	`Ready`
search-field	`Ready`
tel-field	`Ready`
text-field	`Ready`
select	`Ready`
select-option	`Ready`
textarea	`Ready`
checkbox	`Ready`
radio	`Ready`
switch	`Ready`
backdrop	`Planned`
banner	`Planned`
bottom-app-bar	`Planned`
bottom-navigation	`Planned`
bottom-sheet	`Planned`
card	`Planned`
chip	`Planned`
divider	`Planned`
image-list	`Planned`
navigation-rail	`Planned`
slider	`Planned`

Modules

All module are imported and exported in modules/index.js, and please avoid using Deprecated status, for soon-to-be removed features.

Name	Status
foundation	`Ready`
popper	`Ready`
ripple	`Ready`
router	`Ready`
array-store	`Deprecated`
data-model	`Deprecated`
tree-store	`Deprecated`
field	`Ready`
schema	`Ready`
model	`Ready`
proxy	`Ready`
store	`Ready`

Misc

showdownjs convert md to html used for our docs
highlightjs highlight code inside our docs
jsdoc2md generate jsdoc to md for our docs
github you know it is

ndiing ui

@infinitebrahmanuniverse/nolb-_nd @everything-registry/sub-chunk-637

2.0.0

5 years ago