UI Framework for AngularJS

Last update: Aug 3, 2022

Related tags

Overview

Suave UI 0.3.1

UI Framework for AngularJS

Suave UI is designed for web-applications based on AngularJS. It consists of CSS definitions, directives and services that helps build UI quick and efficiently.

Components

All these components are included in bundle-files. So you don't need to include them separately to use all them force.

Font Awesome 4.2.0 provides icons.
Animate.css 3.2.0 provides CSS-animations.

How to use?

You can include Suave UI to your project with Bower by this command:

bower install suave-ui --save

To use Suave UI without Bower you had to add CSS & JS bundle-files and include suave-ui angular-module into your web-app initialization via Dependency Injection or angular.bootstrap.

<link rel="stylesheet" href="suave-ui/dist/styles.min.css" />
<script src="js/angular.min.js"></script>
<script src="suave-ui/dist/app.min.js"></script>

<script>
    angular.element(document).ready(function () {
        angular.bootstrap(document, ['your-app', 'suave-ui']);
    });
</script>

Then you can use Suave directives, services and styles right in your code. Demo & Examples is available here.

License

Suave UI is inspired by Actiguide licensed under the MIT
Font Awesome font is licensed under the SIL OFL 1.1
Animate.css is licensed under MIT

AngularJS directive to embed an interact with maps managed by Leaflet library

Angular Leaflet Why the fork? While we are grateful for all the original work at tombatossals/angular-leaflet-directive. We need to be able to operate

Nov 10, 2022

Demonstration of different animation effects with AngularJS ngView directive.

ngView-animation-effects This is a simple demonstration of how easy you can make your ngView directive transition pages with nice animations. All you

Dec 31, 2022

Native AngularJS (Angular) directives for Bootstrap

Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!

Jan 3, 2023

Dojo Framework. A Progressive Framework for Modern Web Apps

@dojo/framework Dojo is a progressive framework for modern web applications built with TypeScript. Visit us at dojo.io for documentation, tutorials, c

Dec 25, 2022

BDD / TDD assertion framework for node.js and the browser that can be paired with any testing framework.

chai Chai is a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework. For more in

Dec 30, 2022

The epic event-driven, front-end only, reactive JavaScript framework with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?

Active CSS Power-up your CSS with actions! Is the CSS of the future a full-on programming language? Active CSS is a JavaScript plugin that adds event-

Dec 30, 2022

CSS3 backed JavaScript animation framework

Move.js CSS3 JavaScript animation framework. About Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant. Be

Dec 30, 2022

the no-library library: open module JavaScript framework

ENDER Ender is a full featured package manager for your browser It allows you to search, install, manage, and compile front-end JavaScript packages an

Dec 24, 2022

Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

Babylon.js Getting started? Play directly with the Babylon.js API using our playground. It also contains a lot of samples to learn how to use it. Any

Jan 4, 2023

Highcharts JS, the JavaScript charting framework

Highcharts JS is a JavaScript charting library based on SVG, with fallbacks to VML and canvas for old browsers. Official website: www.highcharts.com D

Jan 9, 2023

A framework for building reusable components with d3.js

Koto A framework for creating reusable charts with D3.js, written in ES6. Introduction KotoJS is HEAVILY inspired by another reusable charting framewo

Dec 23, 2022

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs » Report bug · Request feat

Jan 1, 2023

Semantic is a UI component framework based around useful principles from natural language.

Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil

Dec 31, 2022

Modern CSS framework based on Flexbox

Bulma Bulma is a modern CSS framework based on Flexbox. Quick install Bulma is constantly in development! Try it out now: NPM npm install bulma or Yar

Dec 31, 2022

A utility-first CSS framework for rapid UI development.

A utility-first CSS framework for rapidly building custom user interfaces. Documentation For full documentation, visit tailwindcss.com. Community For

Dec 30, 2022

Materialize, a CSS Framework based on Material Design

MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows

Jan 2, 2023

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

Install | Documentation | Releases | Contributing Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototy

Jan 4, 2023

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

UIkit UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. Homepage - Learn more about UIkit @getui

Jan 8, 2023

Spectre.css - A Lightweight, Responsive and Modern CSS Framework

Spectre.css Spectre.css is a lightweight, responsive and modern CSS framework. Lightweight (~10KB gzipped) starting point for your projects Flexbox-ba

Jan 8, 2023

Comments

Multiple selection with checkboxes: su-min=1

Just messing around with the demo, I noticed this [possible bug/confusing behavior]:

Start with 2 values selected. Uncheck one Click on the checkbox directly to uncheck the second

The value of the second checkbox stays. You can then check another box, and it will list both values as selected, even though only (the third) one is. Checking the second original value resets it.

In testing this, I used Chrome 39.0.2171.71
bug

opened by lilactown 1
Snackbar enhancements
[x] Add close button on each snackbar

[x] Add ability to add snackbars to bottom part of screen

[x] Add ability to remove all displayed snackbars from screen

enhancement
opened by uoziod 0
Popup enhancements
[x] Add close popup button

[x] Add noCloseButton property to hide close button

[x] Add noPadding property to make popup container without paddings

[x] Add customWidth property to set popup's width

[x] Add menu property to create sections in popup

[x] menu usage examples

enhancement
opened by uoziod 0