Another UI-kit? How is it different?

You've guessed right, folks - ng-sq-ui IS yet another UI-kit. The intention behind it is to help Angular developers with their day-to-day work by trying to offer a solution to the most widespread use-cases they have to handle. Without being too opinionated on looks and without containing dozen of just "fancy" features. This, with almost no additional dependencies. How cool is that?

How do you determine the "most widespread" cases?

When we thought about what an initial version of the UI-kit should have, we decided to simply ask other developers. We handed out a Google form to different groups (Facebook groups and colleagues, included) and asked them what they mostly look for when dealing with UI development. The most voted answer was "form elements", and right after that - "modal dialogs". And these two types of components are included in our first version of the kit.

We intend to keep the original idea of the UI-kit. We would like to ask the developers what they need most for our next release! Don't hesitate to create a feature request!

If you like the project support us by starring the repo.

Feature requests and bug reports are welcomed.

SQ-UI / ng-sq-ui

Flexible and easily customizable UI-kit for Angular 6+

NG-SQ-UI

Simple Quality UI kit for Angular

build by developers for developers!

Docs

You will find a description of the public API for each component The components are grouped by modules. Any properties you can see through code inspection that are left out from this documentation are for internal use and you should not rely on them.

Any types of public interfaces and services are also included.

Installation

You can clone / download this repo or install it as a node dependency.

npm i @sq-ui/ng-sq-ui@latest --save

-- or --

yarn add @sq-ui/ng-sq-ui@latest

Usage

Import the NgSqUiModule in your module:

import { NgSqUiModule } from '@sq-ui/ng-sq-ui'

and then include it in the imports array of your @NgModule() decorator:

@NgModule({
  declarations: [ //... ]
  imports: [
    NgSqUiModule,
    //...
  ],
  //...

ng-sq-ui does not come with a specific font. Including…

View on GitHub

AWS Security Considerations by Industry: Finance, Healthcare, and Beyond...

Ikoh Sylva - Dec 21

TailwindCSS The Great!

Arun Krish - Dec 21

🌐 Server-side rendering without Next.js, Remix, Nuxt.js, etc.

Anthony Max - Dec 21

A technical blog on Git and Github, how to set up git, creating a repository, making commits, pushing,pulling

OLALEKAN john Ayansola - Dec 21

DEV Community

NG-SQ-UI simple quality UI kit for Angular

Top comments (1)