https://github.com/elusivecodes/frostui
FrostUI is a free, open-source UI library for JavaScript.
https://github.com/elusivecodes/frostui
component framework front-end javascript responsive ui web
Last synced: 9 months ago
JSON representation
FrostUI is a free, open-source UI library for JavaScript.
- Host: GitHub
- URL: https://github.com/elusivecodes/frostui
- Owner: elusivecodes
- License: mit
- Created: 2019-08-11T11:02:02.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2024-06-24T03:02:06.000Z (almost 2 years ago)
- Last Synced: 2024-10-31T18:58:02.538Z (over 1 year ago)
- Topics: component, framework, front-end, javascript, responsive, ui, web
- Language: JavaScript
- Homepage:
- Size: 8.32 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# FrostUI
**FrostUI** is a free, open-source UI library for *JavaScript*.
It takes heavy inspiration from **Bootstrap**, offering a (mostly) compatible set of features, with more opinionated default styling, additional features and components, and is highly customizable.
It utilizes [fQuery](https://github.com/elusivecodes/fQuery) for DOM manipulation and animations.
## Table Of Contents
- [Installation](#installation)
- [Usage](#usage)
## Installation
**Dependencies**
- [fQuery](https://github.com/elusivecodes/fQuery)
**CSS**
```html
```
**JS**
```html
```
Alternatively, a bundle version is supplied which includes the *fQuery* library in a single JS file.
```html
```
**Using NPM**
```
npm i @fr0st/ui
```
In Node.js:
```javascript
import Alert from './node_modules/@fr0st/ui/src/js/alert/index.js';
import Button from './node_modules/@fr0st/ui/src/js/button/index.js';
import Carousel from './node_modules/@fr0st/ui/src/js/carousel/index.js';
import Collapse from './node_modules/@fr0st/ui/src/js/collapse/index.js';
import Dropdown from './node_modules/@fr0st/ui/src/js/dropdown/index.js';
import FocusTrap from './node_modules/@fr0st/ui/src/js/focus-trap/index.js';
import Modal from './node_modules/@fr0st/ui/src/js/modal/index.js';
import Offcanvas from './node_modules/@fr0st/ui/src/js/offcanvas/index.js';
import Popover from './node_modules/@fr0st/ui/src/js/popover/index.js';
import Popper from './node_modules/@fr0st/ui/src/js/popper/index.js';
import Tab from './node_modules/@fr0st/ui/src/js/tab/index.js';
import Toast from './node_modules/@fr0st/ui/src/js/toast/index.js';
import Tooltip from './node_modules/@fr0st/ui/src/js/tooltip/index.js';
import './node_modules/@fr0st/ui/src/js/clipboard/index.js';
import './node_modules/@fr0st/ui/src/js/ripple/index.js';
import './node_modules/@fr0st/ui/src/js/text-expand/index.js';
```
## Usage
Check the demo folder for examples. Full documentation and website coming soon™.