SavvyUI is a feature-rich component library for the development of Angular 2.0+ and React applications. It features a large set of native Angular and React components that can be used to create complex UI applications using Angular/React and Typescript. All the components have a familiar and easy to use API that can be used declaratively and programmatically. It comes with multiple built-in themes that can be employed as-is, or they can be easily customized as needed.
Click here for a demo, and to browse through the guide tutorials for this library
Easy-to-use ghantt chart component to show the duration and progress of tasks, dependency between tasks, the resource assigned to each task in a hierarchy that reflects the relationship between stories and their sub-tasks.
The SavvyUI library provides 2 modal dialog classes, one that is used to display Angular 2/React templates in a modal popup, and the other one is used to dynamically create modal popups from native html markup. The dynamic dialog class also includes built-in functions to display out-of-the-box confirmation and message dialogs, an InputDialog helper that includes helpers to add all kinds of input elements without dealing directly with HTML markup. Either one of these classes can be used to display modal popups, and they provide developers with greater flexibility, and more functionality than most other modal libraries offer.
This component is used to save precious screen space by allowing the developer to place large panels under different tabs, where they continue to be accessible to the user, without occupying so much space.
A compact UI element that is capable of displaying a large number of UI elements without occupying much screen space. It can hold several panels that are folded, and then the user can make one panel visible at a time by clicking the panel's title. The accordion component automatically hides the currently visible panel and displays the newly selected panel whenever the panel header is clicked. Such component can be extremely useful in situations where the screen space is limited.
The split panel component allows you to place 2 panels side-by-side, or on top of each other, so that a user can resize these panels interactively to allow him/her to view more of a particular panel by dragging the splitter bar to resize these panels and give more space to one over the other.
A tree view, a check list, a sortable list, multi-select list, searchable list. Just to name a few of the list type components that are provided in the savvy ui library.
The picture menu component can be used to display a grid of static image icons, display interactive menus with pictures that fire events whenever a picture is clicked, which makes a perfect solution for displaying menus to the user that display both text and images for touch-screen interaction.
Powerful component to generate and display QR Codes from any text. QR codes are more precise and accurate form of barcodes that are less error prone, and easier to read with modern barcode scanners, they are also more flexible in terms of the type of data that can be used to generate these codes.
A button component that can be configured to display 4 styles of buttons, primary, default, danger, and info.
A button group is a series of buttons that are displayed as a single group. Just like checkboxes and radio buttons, button groups can be configured to enable single or multiple selection. In single selection mode, only one button can be selected at a time; while in multi-selection mode, the user can make more than one choice.
The checkbox component is used to display a 2-state button that allows a user to choose between two options.
The checklist component is used to display a list of checkbox items. This type of component is presented to the user in situations where options can be turned on or off for a particular entity. For example, when assigning roles to employees, using such component to present all the roles to the user to select one or more of these roles to assign to an employee is one of these scenarios that this component can be used to achieve such behavior.
A Card component can be used to display information and an image of a product, a personal profile, or a product details. A card formats the image and the text in a way that provides an easy eay for an application to focus the users' attention to the information displayed on the card.
Chips are compact elements that represent an input, attribute, or action.
A powerful calendar object that can be displayed as a popup, or placed permanently inline inside a particular application view. It allows for easy navigation between years, months, and days, and it also provides an input element to quickly type in a specific year to navigate to.
The alerts component can be used to relay different types of messages to the user. It can be used to attract the user's attention to errors, warnings, information, and more. There are several types of alerts that are supported in this component, the alerts come in different colors, each color indicating the type of message being relayed to the user.
The chart component includes the ability to display charted data as a bar graph, a pie graph, a doughnut graph, and a line graph. Using the same data that the application feeds that chart component, the application can quickly display any of these types of graphs from this data with a single function call to set the type.
Support for inline editing, embedded form editing, and popup dialog editing, paging, scrolling, sorting, filtering, built-in support for a vast number of editing styles.
Chart component that includes a pie chart, a doughnut chart, a bar chart, and a line chart. No dependency on any other library.
Advanced appointment scheduling component that supports built-in editing capability, dragNDrop, scrolling, and more.
Copyright © 2001 Agnitech.com