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

@pillar-ui/icons

v0.8.2

Published

A library of scalable icons suitable for various web development projects. These icons are highly customizable, accessible, and designed to seamlessly integrate into modern user interfaces.

Downloads

22

Readme

Pillar Icons: Customizable & Scalable SVG Icons for Modern Web Design

Pillar Icons is a comprehensive library of high-quality, scalable SVG icons meticulously crafted for modern web development. These icons are designed to be easily customized, accessible, and seamlessly integrated into React projects and beyond. Elevate your user interfaces with visually appealing and consistent iconography using Pillar Icons.nto modern user interfaces.

Features

  • Scalable Icons: A collection of vector icons that can be scaled to any size without losing quality.
  • Wide Range of Icons: Pillar Icons offers a wide variety of icons to choose from, covering different categories and use cases.
  • Customization: Icons can be customized with different colors, sizes, and styles to match your application's design.
  • Seamless Integration: The icons are designed to integrate smoothly with modern web development frameworks and libraries.
  • Accessibility: The icons are designed with accessibility in mind, ensuring they are perceivable and usable by all users.
  • Simple to Use: The icons are easy to implement and use in your projects, requiring minimal configuration.

Installation

To start using Pillar Icons in your project, follow these simple steps:

  1. Make sure you have Node.js and npm (Node Package Manager) installed on your machine.

  2. Create a new project or navigate to your existing project directory in the terminal.

  3. Install the Pillar Icons package by running the following command:

npm install @pillar-ui/icons

Usage

Pillar Icons can be imported and used in your projects. Here's an example of how to use the icons:

import { Eye, ArrowDown, Minimize } from '@pillar-ui/icons'

function MyComponent() {
  return (
    <div>
      <Eye size={24} fill="pri" />
      <ArrowDown size={32} fill="sec" />
      <Minimize size={48} fill="accent" />
    </div>
  )
}

Make sure to explore the Pillar Icons documentation for the full list of available icons and their usage.

Customization

Pillar Icons can be customized to fit your application's design. You can change the size, color, and style of the icons using CSS or props provided by your chosen framework.

Contributing

We welcome contributions to Pillar Icons! If you have new icon suggestions, improvements, or bug fixes, please refer to our Contributing Guidelines for more information.

Let Us Know

If you have any questions, feedback, or need assistance with Pillar Utils, feel free to open a discussion on our GitHub page. We are committed to providing fast and helpful responses to ensure your success with the library.

You can visit the Pillar Utils GitHub Discussions page to start a new discussion or join existing ones. We are here to support you and provide answers as quickly as possible.

Support Pillar-ui – We Appreciate Your Help

If you find Pillar-ui valuable and would like to help ensure its continued development and maintenance, we'd be honored if you would consider sponsoring the project. Your generous support would help cover the costs of ongoing development, testing, documentation, and community engagement. It would also enable us to dedicate more time and resources to making Pillar-ui even better and more versatile.

You can easily become a sponsor through GitHub Sponsors. This platform allows you to directly support open source projects and their contributors. You can choose to sponsor us on a monthly basis or with a one-time contribution. We'll be sure to acknowledge your sponsorship on our GitHub repository and website.

Of course, there are other wonderful ways to contribute! We always welcome code contributions, issue reports, and spreading the word about Pillar-ui. We value all contributions, no matter how big or small.

We are deeply grateful for your consideration and support. If you'd prefer to make a one-time donation, you can also support us through Ko-fi. Thank you for being a part of the Pillar-ui community!

ko-fi

License

Pillar Icons is released under the MIT License.