A set of UI components for use with Angular 2 and Bootstrap 4.

Related tags

Angular fuel-ui
Overview

#Fuel-UI npm version npm downloads Dependency Status devDependency Status

A set of UI components for use with Angular 2 and Bootstrap 4.

See Fuel-UI homepage for live demo and documentation.

##Dependencies

  • Node
  • Gulp

##Build Execute the following commands to run the demo in your local environment. A browser window pops up with the demo running at http://localhost:8001

npm install
gulp

##Installation

####Fork our Quickstart! https://github.com/coryshaw1/ng2-play/ ####Fork our angular-cli Quickstart! https://github.com/FuelInteractive/fuel-ui-cli-quickstart/

###Manually

If you would like to add Fuel-UI to your Angular2 project through npm manually, do the following:

npm install fuel-ui font-awesome bootstrap@^4.0.0-alpha.2 --save

Then simply add the proper script tags to your index.html

... ">
<head>
  <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css" />
  <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" />
  <link rel="stylesheet" href="node_modules/fuel-ui/bundles/fuel-ui.min.css" />
head>

...


<script src="node_modules/fuel-ui/bundles/fuel-ui.min.js">script>

###Manually with angular-cli

ng new example-project
cd example-project
npm install fuel-ui font-awesome bootstrap@^4.0.0-alpha.2 --save

Go to your angular-cli-build.js file, and add the following to your vendorNpmFiles array:

'bootstrap/**/bootstrap.min.css',
'font-awesome/**/font-awesome.min.css',
'font-awesome/fonts/*',
'fuel-ui/bundles/*'

Now build the project to copy over the necessary files to your vendor directory

ng build

Then simply add the proper script tags to your index.html

... ">
<head>
  <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
  <link rel="stylesheet" href="vendor/bootstrap/dist/css/bootstrap.min.css" />
  <link rel="stylesheet" href="vendor/fuel-ui/bundles/fuel-ui.min.css" />
head>

...


<script src="vendor/fuel-ui/bundles/fuel-ui.min.js">script>

##Animations

##Components

##Directives

##Pipes

Comments
  • demo page not running

    demo page not running

    Cool project. I tried to run the examples: npm install went fine, gulp (default) run OK, but while loading the index.html page I go this:

    Failed to load resource: the server responded with a status of 404 (Not Found)
    config.js:1 Uncaught ReferenceError: System is not defined
    localhost/:9 Uncaught ReferenceError: System is not defined
    

    For info I'm using:

    node 4.1.2
    npm 3.3.6
    
    opened by jhades 5
  • DataPicker has multiple issues

    DataPicker has multiple issues

    Hi the dateRangePicker has some strange behaviour

    When gaining focus it runs an animation. on IE11 and FF the window has a scrollbar instead of being controlled by the buttons.

    http://screencast.com/t/HAElVMo80 http://screencast.com/t/O0wM12Vz

    On FF the binding has issues.

    opened by webmutation 3
  • Issues with iteration of table rows

    Issues with iteration of table rows

    Hey there, great package!

    I did notice something that I'm not totally on board with. in the TableSortable.html file, you are iterating through the rows like this:

    <tr *ngFor="#object of data | orderBy : convertSorting()">
        <td *ngFor="#key of object | mapToIterable; #i = index" [innerHtml]="object[columns[i].variable] | format : columns[i].filter"></td>
    </tr>
    

    So you're iterating over the rows (data) and calling the variable key on columns to get the value with object[columns[i].variable]. The reason I have issues with this is that if you pass the tablesortable component rows that include other keys that you do not plan to display in the table, you get undefined errors on columns[i].variable because you don't want to see certain row values, you didn't add them to the columns array and because you are iterating over the rows, it errors.

    What I'd like to propose is iterating over the columns themselves - so that you're only ever calling for what actually has been defined to display from the rows. Something like this:

    <tr *ngFor="#object of data | orderBy : convertSorting()">
        <td *ngFor="#column of columns; #i = index" [innerHtml]="object[column.variable] | format : column.filter"></td>
    </tr>
    

    This way, we don't need to handle / reduce / process the rows array any further after getting it from the backend / API, and only the items placed in columns will be shown.

    What do you think?

    opened by bbrink68 3
  • OrderByPipe should check if Array exists

    OrderByPipe should check if Array exists

    transform(input: any, config: string = '+'): any {
            if (input) {
            }
    }
    
    

    It seems that into the transform you need to check if array exists. Could you please verify that?

    Best George

    opened by gtsopour 2
  • Can't seem to generate dist files fully getting an error can we include dist folder within git project?

    Can't seem to generate dist files fully getting an error can we include dist folder within git project?

    Hey,

    I've tried installing this on two different environments and both time's I've gotten the same error. I'm not really sure what it means but it stops from creating all the files needed in the dist folder and then I can't use fuel-ui. Any help or clues into getting this working?

    Error: [email protected] postinstall: bower install && typings install 29678 verbose stack Exit status 1 29678 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:239:16) 29678 verbose stack at emitTwo (events.js:106:13) 29678 verbose stack at EventEmitter.emit (events.js:191:7) 29678 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14) 29678 verbose stack at emitTwo (events.js:106:13) 29678 verbose stack at ChildProcess.emit (events.js:191:7) 29678 verbose stack at maybeClose (internal/child_process.js:850:16) 29678 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:215:5) 29679 verbose pkgid [email protected] 29680 verbose cwd /Users/joe/ng2-play 29681 error Darwin 15.0.0 29682 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "i" 29683 error node v6.1.0 29684 error npm v3.8.6 29685 error code ELIFECYCLE 29686 error [email protected] postinstall: bower install && typings install 29686 error Exit status 1 29687 error Failed at the [email protected] postinstall script 'bower install && typings install'. 29687 error Make sure you have the latest version of node.js and npm installed. 29687 error If you do, this is most likely a problem with the fuel-ui package, 29687 error not with npm itself. 29687 error Tell the author that this fails on your system: 29687 error bower install && typings install 29687 error You can get information on how to open an issue for this project with: 29687 error npm bugs fuel-ui 29687 error Or if that isn't available, you can get their info via: 29687 error npm owner ls fuel-ui 29687 error There is likely additional logging output above. 29688 verbose exit [ 1, true ]

    opened by Joebob12 2
  • Listing Fuel UI on angular.io

    Listing Fuel UI on angular.io

    opened by mmrath 2
  • beta.16: pipe arguments changed

    beta.16: pipe arguments changed

    Update for beta.16: breaking changes

    transform(input: any, ...config: string[]): any {
    
            if (config.length === 0) {
                config = ["+"];
            }
    
    opened by gfrSE 2
  • Issue with collapse and/or animation.js

    Issue with collapse and/or animation.js

    Hey all,

    I'mm currently getting this error when i'm trying to use fuel-ui. Would anyone have any idea why this is occuring? and would angular rc3 be breaking this? image

    This occurs whenever I try to use any fuel-ui component

    opened by Joebob12 1
  • Carousel compile error

    Carousel compile error

    Hi

    In my app I'm now getting the following messages even though I'm not directly referencing the Carousel component after upgrading to ng2 rc3 and your latest version. Not sure what I'm doing wrong or if there is a bug.

    node_modules/fuel-ui/src/components/Carousel/Carousel.ts(150,47): error TS2304: Cannot find name 'Hammer'.
    node_modules/fuel-ui/src/components/Carousel/Carousel.ts(151,30): error TS2304: Cannot find name 'Hammer'.
    node_modules/fuel-ui/src/components/Carousel/Carousel.ts(152,38): error TS7006: Parameter 'ev' implicitly has an 'any' type.
    node_modules/fuel-ui/src/components/Carousel/Carousel.ts(155,37): error TS7006: Parameter 'ev' implicitly has an 'any' type.
    

    Uncommenting the import/export for Carousel in the node module fixes my problem locally.

    opened by henninga 1
  • update wrong path

    update wrong path

    utilities path is wrong

    "../../Utilities/ElementUtils"; => "../../utilities/ElementUtils"; "../../Utilities/DetectionUtils"; => "../../utilities/DetectionUtils";

    opened by doyeonOh 1
  • Setting initial value of DateRangePicker

    Setting initial value of DateRangePicker

    Hey again,

    Any idea how I can set the initial value of the start and end dates of a DateRangePicker instance? I tried using the [value]="dateRange" attribute and setting dateRange = new DateRange(new Date(), new Date()) but it does not see to want to display the values in the inputs.

    I also seen some more Inputs() on DateRangePicker.ts called inputEndDate & inputStartDate but neither of those were working either. Is this possible?

    opened by bbrink68 1
  • Fix broken headings in Markdown files

    Fix broken headings in Markdown files

    GitHub changed the way Markdown headings are parsed, so this change fixes it.

    See bryant1410/readmesfix for more information.

    Tackles bryant1410/readmesfix#1

    opened by bryant1410 0
  • Is there anyway to provide desired date format?

    Is there anyway to provide desired date format?

    Could we have some ways or options to provide date format rather than the default DD/MM/YYYY? <date-picker value="2016-12-11" dateFormat="YYYY-MM-DD" ...></date-picker>

    opened by gmx 0
  • Fuel-us doesn't work if it's loaded from another directory

    Fuel-us doesn't work if it's loaded from another directory

    Hi,

    I'm using Gulp (just migrated from ng-cli) to build our angular2 project where I use Fuel-ui.

    We have a strange error. We use Fuel-ui's alert component in one of our components. If I reference fuel-ui from node_modules/fuel-ui folder in system.config.js everything is fine. If I reference it from build/vendor/fuel-ui, it fails with the following error:

    EXCEPTION: Unexpected directive value 'undefined' on the View of component 'MyAlertComponent'
    platform-browser.umd.js:1900 EXCEPTION: Unexpected directive value 'undefined' on the View of component 'MyAlertComponent'BrowserDomAdapter.logError @ platform-browser.umd.js:1900
    platform-browser.umd.js:1900 STACKTRACE:BrowserDomAdapter.logError @ platform-browser.umd.js:1900
    platform-browser.umd.js:1900 Error: Unexpected directive value 'undefined' on the View of component 'MyAlertComponent'
        at new BaseException$1 (http://127.0.0.1:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:971:27)
        at CompileMetadataResolver.getViewDirectivesMetadata (http://127.0.0.1:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:12539:27)
        at RuntimeCompiler._getCompiledTemplate (http://127.0.0.1:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14619:40)
        at RuntimeCompiler._getTransitiveCompiledTemplates (http://127.0.0.1:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14637:84)
        at eval (http://127.0.0.1:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14640:81)
        at Array.forEach (native)
        at RuntimeCompiler._getTransitiveCompiledTemplates (http://127.0.0.1:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14640:45)
        at eval (http://127.0.0.1:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14640:81)
        at Array.forEach (native)
        at RuntimeCompiler._getTransitiveCompiledTemplates (http://127.0.0.1:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14640:45)BrowserDomAdapter.logError @ platform-browser.umd.js:1900
    zone.min.js:1 Error: Error: Unexpected directive value 'undefined' on the View of component 'MyAlertComponent'(…)e.invoke @ zone.min.js:1
    

    Relevant part of systemjs.config.js:

    works, no error:

        var map = {
            ...
    
        "fuel-ui":                     "node_modules/fuel-ui/bundles",
        ...
            };
    

    doesn't work, gives exception:

        var map = {
            ...
    
        "fuel-ui":                     "build/vendor/fuel-ui/bundles",
        ...
            };
    

    Relevant part of the component:

    import {Component, Input,ElementRef} from '@angular/core';
    import {Alert} from 'fuel-ui/fuel-ui';
    
    @Component({
      host: {
        '(document:click)': 'onClick($event)',
      },
      selector: 'my-alert',
      templateUrl: './app/components/shared/my-alert.component.html',
      directives: [ Alert ]  
    })
    export class MyAlertComponent {
    

    A part of package.json:

        "fuel-ui": "0.3.9",
        "jquery": "2.1.3",
        "ng2-bootstrap": "1.0.24",
        "node-sass": "^3.7.0",
        "reflect-metadata": "0.1.3",
        "rxjs": "5.0.0-beta.6",
        "systemjs": "0.19.26",
        "ts-node": "^0.5.5",
        "tslint": "^3.6.0",
        "typescript": "^1.8.10",
        "typings": "^1.3.2",
    

    The files are identical in both locations. The fuel-ui.js is loaded in both cases. No 404 errors anywhere. The load order of the loaded js files is the same in both cases.

    Still the first config works, the second doesn't. I tried to do the same with all the other referenced packages in system.config.js, everything works with any location I want to use, except fuel-ui.

    Do you have any ideas what went wrong here?

    opened by vargalas 0
  • Install was crashed said Failed at the fuel-ui@0.3.9 postinstall script 'bower install && typings install'.

    Install was crashed said Failed at the [email protected] postinstall script 'bower install && typings install'.

    My evnt. is

    node v4.5.0 npm v3.10.3 [email protected] [email protected]

    When I install fuel-ui as below

    npm install fuel-ui

    I've got a error like this:

    npm WARN [email protected] requires a peer of [email protected] but none was installed. npm ERR! Darwin 15.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "i" npm ERR! node v4.5.0 npm ERR! npm v3.10.3 npm ERR! code ELIFECYCLE npm ERR! [email protected] postinstall: bower install && typings install npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] postinstall script 'bower install && typings install'. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this is most likely a problem with the fuel-ui package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! bower install && typings install npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs fuel-ui npm ERR! Or if that isn't available, you can get their info via: npm ERR! npm owner ls fuel-ui npm ERR! There is likely additional logging output above. npm ERR! Please include the following file with any support request: npm ERR! /Users/kerovieux/webProject/testWebapp/ng-fuel-cli/npm-debug.log

    What can I do to resolve...

    opened by KeroVieux 6
Releases(0.3.9)
  • 0.3.9(Jul 14, 2016)

  • 0.3.8(Jul 7, 2016)

    • Angular - Update to RC4, Forms 0.2.0, and Router Beta 2
    • Modal - Add open and close events for binding
    • OrderByPipe - Check for valid input
    • Tooltip - Don't show tooltip when text is null or empty
    Source code(tar.gz)
    Source code(zip)
  • 0.3.7(Jun 29, 2016)

    • Alert: Add ability to set an automatic close delay
    • Modal: Add small and large modal size options
    • OrderBy: Add ability to sort on an object's property within an array element (Ex: someArray | orderBy : ['someObj.Property', '-somethingElse']
    • TableSortable: Add capability to disable sorting on a specified column
      • Example:
      columns: TableSortableColumn[] = [
        {
          display: 'Text', //The text to display
          variable: 'Text', //The name of the key that's apart of the data array
          filter: 'text', //The type data type of the column (number, text, date, etc.)
          sortable: true //Whether the user can sort on the column
        }, 
        new TableSortableColumn('Can Sort', 'Can', 'text'),
        new TableSortableColumn("Can't Sort", 'Cant', 'text', false)
    
    • Demos: Fix selects within forms to use Bootstrap 4's c-select class
    Source code(tar.gz)
    Source code(zip)
  • 0.3.6(Jun 22, 2016)

  • 0.3.5(Jun 22, 2016)

    • Update to Angular 2 RC3
    • Update demo to use new @angular/forms module
    • Fix Animation directive demo bug, where timestamp wasn't a valid Date timestamp
    • Change Slider typings to be added to the source of the project rather than added through typings install
    • Fix change detection problem in DateRangePicker demo
    Source code(tar.gz)
    Source code(zip)
  • 0.3.4(Jun 21, 2016)

    • Update to Angular RC2
    • Update router to "new new" Alpha 7
    • Refactor Collapse into being an Animation
    • Update Carousel to use new Animations library
    • DatePicker fixes issues brought up in issue #73

    Breaking Changes

    • Carousel: carousel-item is now a component images must be wrapped within
    • Collapse: Refactored to be used as an Animation, import Collapse and add to animations array within Component decorator with the animation duration as an optional parameter
    import {Collapse} from 'fuel-ui/fuel-ui';
    
    @Component({
        animations: [Collapse(300)]
    })
    
    Source code(tar.gz)
    Source code(zip)
  • 0.3.3(Jun 15, 2016)

    • Add TextExpander component
    • Update Router to 3.0.0-alpha.3
    • Update documentation in demo
    • Refactor demo only components (Homepage/Installation)
    Source code(tar.gz)
    Source code(zip)
  • 0.3.2(Jun 7, 2016)

  • 0.3.1(May 31, 2016)

    Typings have been updated to the new typings.json format. Tooltip revamp to better work with Angular2 RC updates. Carousel update to work on IE and FF also adding optional hammerjs swipe events

    Source code(tar.gz)
    Source code(zip)
  • 0.2.7(May 13, 2016)

    DateField Binding behavior fixes

    • ngModel for binding date strings
    • value for date as string|Date types
    • date for binding a Date object

    DateField changes persist to StartDateField and EndDateField for the DateRangePicker

    date-picker-container now positions relative to its content to allow for positioning correctly over date fields on desktop this does not affect the mobile version

    .date-picker-input-group class now applies showCalendar click event to the calendar icon add-on

    Source code(tar.gz)
    Source code(zip)
  • 0.2.6(May 11, 2016)

    Made some fixes to prevent problems when using start and end date value assignment on both content input fields as well as the date-range-picker attributes.

    Source code(tar.gz)
    Source code(zip)
  • 0.2.4(May 9, 2016)

  • 0.2.3(May 6, 2016)

    Breaking changes to DatePicker and DateRangePicker

    Separated out input fields from date picker components for individual layout and styling

    See the demo for full syntax

    • http://fuelinteractive.github.io/fuel-ui/#/component/datepicker
    • http://fuelinteractive.github.io/fuel-ui/#/component/daterangepicker
    Source code(tar.gz)
    Source code(zip)
  • 0.2.2(May 5, 2016)

    • Update to Angular 2 rc1
    • Improve Slider performance
    • Fix Carousel animations (Windows Firefox still has issues)
    • Fix Tab demo page error
    • Fix EventEmitter errors
    Source code(tar.gz)
    Source code(zip)
  • 0.2.1(May 4, 2016)

    • Update to Angular 2 rc 0
    • Update to new Router
    • Fix Firefox issues with Datepickers and Modal
    • Refactor styles to make overriding easier for the user
    • Move all component/directive styles to the bundle
    Source code(tar.gz)
    Source code(zip)
  • 0.2.0(May 2, 2016)

    • Add Accordion component
    • Add options to Pagination to show/hide First/Last buttons, step buttons, and Jump To selector
    • Cleanup uneccessary files
    • Fix breaking changes, most notably all *ngFor instances
    • Fix Collapse bug where collapsable div would sometimes stay open when toggling the collapse attribute consecutively
    • Fix OrderyBy pipe to properly handle null and undefined values
    • Redesign demo layout to be responsive
    • Redesign multiple demo pages to act better on mobile
    • Refactor Tab/TabSet to use separate html
    • Refactor Tag/TagSet to use separate html
    • Update to Angular 2 Beta 17
    • Update Collapse default value to true
    • Update demo shims to use core-js rather than es6-shim for better IE, Safari, and mobile support
    • Update responsiveness of DatePickers
    • Update responsiveness of TableSortable
    Source code(tar.gz)
    Source code(zip)
  • 0.1.9(Apr 27, 2016)

    • Add TimePicker
    • Update to Angular 2 Beta 16
    • Updated dependencies
    • Update Installation instructions
    • Update LocationStrategy and HashLocationStrategy to import from "angular2/platform/common"
    • Fix PipeTransform implementation's parameter changes (this broke Format, OrderBy, and Range)
    • Fix CodeHighlighter not properly initializing on view load
    • Fix Tag Demo breaking in template
    • Fix DatePickers ChangeDetection
    • Remove unnecessary imports in DatePicker
    Source code(tar.gz)
    Source code(zip)
  • 0.1.8(Apr 25, 2016)

    • Update Collapse to be a directive
    • Added animation to Collapse
    • Decreased css bundle dramatically
    • Add Tags component, demo, and documentation
    • Add minified versions of the js and css bundles
    • Update readme, documentation of all changes, and updated installation on readme and demo to use minified bundles
    Source code(tar.gz)
    Source code(zip)
  • 0.1.7(Apr 22, 2016)

  • 0.1.6(Apr 22, 2016)

    • Add TabSet and Tab components with documentation and demo
    • Update all demos to use TableSortable to list out attributes, events, etc per demo page
    • Fix Collapse component from not displaying due to CSS error
    • Update Slider default Step to be 1 instead of 10
    • Remove AnimationListener and only use Animation directive
    Source code(tar.gz)
    Source code(zip)
  • 0.1.5(Apr 20, 2016)

    • Update Angular 2 to Beta 15
    • Changed compiled javascript and other files to be moved to dist rather than bin
    • Add Slider component
    • Add Slider documentation and demo
    • Add typings for NoUiSlider
    Source code(tar.gz)
    Source code(zip)
  • 0.1.4(Apr 15, 2016)

  • 0.1.3(Apr 12, 2016)

    • Update Angular 2 to Beta 14
    • Fix RxJS Observable error on build
    • Remove all Bootstrap and Font-Awesome imports in sass files so it's now on the user to add these libraries
    • Add html to Format pipe
    • Update TableSortable to allow html in cells
    • Bundle now correctly can be added to the project without manually mapping through SystemJS
    Source code(tar.gz)
    Source code(zip)
  • 0.1.2(Apr 5, 2016)

    • Add TableSortable component
    • Add Format Pipe
    • Add MapToIterable pipe
    • Add demos and readmes for new component and pipes
    • Update project readme
    • Update to Angular 2 beta 13
    • Dependency updates
    Source code(tar.gz)
    Source code(zip)
  • 0.1.1(Mar 23, 2016)

    Add Collapse Add Dropdown Add Code Highlighter Update Range Pipe to allow for a custom step Completely redesign demo: http://fuelinteractive.github.io/fuel-ui/ Finish documentation for all components up until now Add IE and Safari shims/polyfills Multiple dependency updates including Angular 2, RxJS, Zone.js, and more

    Source code(tar.gz)
    Source code(zip)
  • 0.1.0(Mar 1, 2016)

    Updated to Angular2 Beta 7 Finally a decent DatePicker DateRangePicker also included Better support for iOS Safari Mobile Detection Element and Scroll Utilities Media Query Mixins

    Source code(tar.gz)
    Source code(zip)
Owner
Fuel Interactive
Travel Marketing and Development
Fuel Interactive
NG Bootstrap - Angular powered Bootstrap widgets

NG Bootstrap - Angular powered Bootstrap widgets Angular widgets built from the ground up using only Bootstrap 4 CSS with APIs designed for the Angula

ng-bootstrap 8k Dec 24, 2022
The code for a set of Angular 6+ components for the PatternFly project.

The code for a set of Angular 6+ components for the PatternFly project. Note that the release/3.x branch supports Angular 4 and 5.

PatternFly 87 Nov 15, 2022
Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components

Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components

Rainer Hahnekamp 7 Nov 16, 2022
Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT

MDB 5 Angular Angular 12 & Bootstrap 5 & Material Design 2.0 UI KIT >> Get Started in 4 steps >> MDBAngular 5 Demo 500+ material UI components Super s

MDBootstrap 1.1k Dec 30, 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!

AngularUI 14.4k Jan 3, 2023
Angular Library workspace to creating and testing angular libraries

Library Workspace Run Locally Clone the project https://github.com/sametcelikbicak/library-workspace.git Go to the library project directory cd li

Samet ÇELİKBIÇAK 4 Nov 1, 2022
Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

Getting Started Clarity Angular is published as two npm packages: Contains the static styles for building HTML components. Contains the Angular compon

VMware Clarity 145 Dec 29, 2022
An example application that uses file-based routing with Angular, Analog, Vite with the Angular Router

Angular, Vite, and File-based routes This is an example application that uses Angular, Analog, and Vite for file-based routing. Routes are places in t

Brandon 9 Sep 25, 2022
Component infrastructure and Material Design components for Angular

Official components for Angular The Angular team builds and maintains both common UI components and tools to help you build your own custom components

Angular 23.2k Jan 3, 2023
An enterprise-class UI components based on At UI Design and Angular. 🚀 🚀 🚀

An enterprise-class UI components based on At UI Design and Angular. ?? ?? ??

塟愛鎵镞de栤仯 113 Dec 16, 2022
NGX-YOUI is a Highly customizable library of Angular UI components for content and styles

NGX-YOUI NGX-YOUI is an Angular UI Library that can be highly customized with content and styles. You can easily integrate with other CSS frameworks a

NGX-YOUI 5 Nov 29, 2022
Native Angular components & directives for Lightning Design System

ng-lightning This library contains native Angular components and directives written from scratch in TypeScript using the Lightning Design System CSS f

null 910 Dec 8, 2022
Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.

Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.

Michele Stieven 8 Dec 9, 2022
Angular multiselect component for web application. Easy to integrate and use.

Angular multiselect component for web application. Easy to integrate and use.

Dinh The Loc 2 Apr 20, 2022
🚀 Style and Component Library for Angular

ngx-ui Component & Style Library for Angular by Swimlane. Installing npm i @swimlane/ngx-ui --S Install the project's peer depencencies (moment, codem

Swimlane 654 Dec 24, 2022
📦 SVGs, fast and developer friendly in Angular

View settings all icons fixed size e.g. 30px button to align all icons distributes button to align all icons onscreen button to align all icons offscr

Push Based 18 Nov 28, 2022
Directives, utils, and events for working with angular zoneless

az-zoneless A set of directive and utilities to manage an angular zoneless app. Using this library you can go completly zoneless and still support 3rd

Yariv Katz 8 Dec 15, 2022
Monorepo for all the tooling related to using ESLint with Angular

Angular ESLint Monorepo for all the tooling which enables ESLint to lint Angular projects

angular-eslint 1.4k Dec 29, 2022
Reactive Extensions for Angular

RxAngular offers a comprehensive toolset for handling fully reactive Angular applications with the main focus on runtime performance and template rendering.

RxAngular 1.5k Jan 5, 2023