npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ngx-material-widget

v0.0.14

Published

Library of Material Widgets to build customizable UI components. It currently supports UI components like List, Form, CRUD, button & field. All these components are built completely configurable.

Downloads

30

Readme

Admin Builder Workspace

This project was generated with Angular CLI version 10.1.3.

- Documentation is in progress and should be available in next 2 weeks time

Use Case

Admin Panel

Admin Builder allowed us to maintain a consistent user experience within the existing application. It allowed the Portal to maintain the visualisation of the content. In addition any existing Angular stack can fit good with Admin Builder's architecture and should work without modification.

Web Application Developer

Let the people who have the technical knowledge decide, most of the times, the developers find Admin Builder’s ease to use, and most importantly they like the customization abilities and interface. The simple and uncluttered interface is the key to Admin Builder Tool. And most important part is the good documentation and sample code to refer as per the use case.

Startup & Feature MVP

Startup looks for fast turn around and time to market is important for them. The Admin Builder Plugin has been developed keeping both the points in mind. Because of is Configuration driven architecure, we can easily create a new interface with significant less effort as compared to writting it all from scratch.

Hybrid App Developer

As the features develoed using this pluing looks equally good on mobile, table and desktop 'sample', it makes it a suitable candidate to be used in a hybrid app to develop many layouts with have standard look and feel.

Features and benefits

Introduction

Admin Builder is a flexible, open-source Admin Builder that gives developers the freedom to layout a Form, List or complex combination of List and Form using a Easy to use 'Builder Tool' or 'Config file'. By making the admin panel and its linking with the existing APIs through a plugable system, Admin Builder enables the developers to accelerate development keeping intact the quality and consistency aspect which result in building beautiful digital experiences.

Mobile Responsive

The output from this plugin is mobile responsive and can be renderd on all different type of devices.

Features:

Easy Content Management

Admin Builder's admin panel gives you an intuitive interface to manage your data by allowing you to view, create, edit and delete options.

Integrate with existing Pannel

This is a plugin written in angular and can integrate with any existing admin pannel developed using angular. The intent is that the development team can build new features using this plugin without impacting the existing features

!!! tip "Productivity"

This tool helps development team in achieving enhanced productivity as:

1. **Code Generation**: For every new business feature that needs to be devloped, we can generate the code via 'cli' 

2. **Fast Development**: The interface for the business feature developed using this plugin can be completely drawn using the 'Builder Tool' or 'Config file'

3. **Time to Market**: As quite a big sum of work is configuration driven and interfaces are generated via the plugin, time and money required to develop a feature reduces drastically.

!!! tip "Security"

The admin pannel designer and define and decide via configuration what button, link, field, form, list can be:

1. view by what role
2. who can perform what action

!!! tip "Quality"

As the business features developed using this plugin are all generated and managed by central code, so it results in consistent look and feel and behaviour:

1. **Config Driven**: As a business feature is developed using configuration, so chances of error reduces.

2. **Less Testing Effort**: Testing effort for the features reduces as in most of the cases only functional testing will be required to give a feature signoff. 

!!! tip "Customizable"

All possible UI components like 'button', 'field', 'form', 'list' and 'CRUD' are written and tested independently. This shapes this plugin or rather set of sub-plugins as a powerful tool which can be used independently:

1. **Lego Blocks**: as all the UI components can be used independently or in any combination, it gives the developers the power to juggle around and create any 'custom layout' using that.

2. **Plug and Play as per the use**: Few ready made components like 'Form', 'List' and 'CRUD' can just be integrated and used after 'configuration'