Free React UI (FRUI)

A collection of vanilla react components, fields and output formats written in typescript.

Checkout the Examples

Install

$ npm install frui-react

React Usage

frui-react was written first in vanilla react with no other dependencies. You can start importing components like the following.

import { Alert, Badge } from 'frui-react';
import { Input, Password } from 'frui-react/fields';
import { HTML, Markdown } from 'frui-react/formats';
//or
import Table, { Thead, Trow, Tcol } from 'frui-react/Table';
import Select from 'frui-react/fields/Select';
import Email from 'frui-react/formats/Email';

Components (13)

• Accordian (TODO)
• Alert
• Badge
• Button
• Control
• Crumbs (TODO)
• Loader
• Modal
• Pagination (TODO)
• Progress (TODO)
• Table
• Tabs (TODO)
• Tree (TODO)

Fields (32)

• Autocomplete
• Checkbox
• Checklist (TODO)
• Code (TODO)
• Color (TODO)
• Country
• Currency
• Date
• Datetime
• Fieldset
• File
• Filelist
• Image
• Imagelist
• Input
• JSON (TODO)
• Markdown
• Mask
• Metadata (String, Number, Date, Datetime, Time)
• Number
• Password
• Radio
• Radio Group (TODO)
• Select
• Slider (TODO)
• Slug
• Switch
• Taglist
• Textarea
• Textlist
• Time
• WYSIWYG (TODO)

Formats (20)

• Color
• Currency
• Date
• Email
• Formula
• HTML
• Image
• Imagelist
• JSON
• Link
• List (Ordered, Unordered)
• Markdown
• Metadata
• Number
• Overflow (Char, Word)
• Phone
• Separated (Space, Comma, Line)
• Table
• Taglist
• Yesno