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 🙏

© 2026 – Pkg Stats / Ryan Hefner

amirfounder-ui

v2.0.15

Published

A componenet library for the ReactJS Framework, built to be used by the @amirfounder brand.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

amirfounderamirfounder

Keywords

Readme

Amir Sharapov (@amirfounder) Component Library

NOTE: Breaking Changes released WEEKLY if not DAILY! Do not install and use on production website unless you know what you are getting yourself into. (...and there is 99.99% chance you don't).

Backlog → https://github.com/orgs/amirfounder/projects/1

Usage

A component library for the ReactJS Framework, built to be used by the @amirfounder brand.

Dependencies:

  • Storybook: Used for viewing components
  • Rollup: Used to compress all libraries into a single file (See below for plugins)

Rollup Plugins:

  • rollup-plugin-terser: Used to minify the js
  • rollup-plugin-poscss: Used to allow css files in rollup
  • ...

Storybook Plugins:

  • @storybook/preset-scss
  • css-loader
  • sass
  • sass-loader
  • style-loader

Developers:

TODO:

  • Write tests
  • Mobile friendliness
  • Text/Select/Radio... Input Components
  • Header 'position: fixed' ability
  • Variants
  • Write JSDocs
  • Rewrite functions to follow code styleguide
  • Look into javascript destructuring to pass unnamed props to styled component
  • Page and paragraph components need styled components as well

Publishing Steps

  1. If new components were created, export them via the /src/index.js file
  2. Run npm run build-lib to run rollup and minify file
  3. Update the readme.md file to account for the changes in the latest version
  4. Commit
  5. Run npm version patch / minor / major to update the package version
  6. Run npm publish to publish package!

Coding Styleguide

When writing code for this guide, follow the following code guidelines

Writing '...StylesService.js' functions:

Paramaters should be in the following order for easier readability and maintanability:

  1. Custom (i.e. 'variant', 'size', etc.) → determines multiple styles
  2. Actual (i.e. padding : paddingProp, color: colorProp, etc) → The actual attribute if it exists
  3. Other → Any other prop that can help determine the return value of the function

Version History:

V 1

V 1.0: Semi-Failed Attempts

1.0.0: First attempt

Version should NOT be used. Test version.

  • Did not target the minified js file
  • Did not have support for ECMAScript support.

1.0.1: Second attempt

Version targets the correct js file + ECMAScript support. Still a test version.

Added Components:

  • Button
  • Header
  • Input (incomplete...)
  • Link
  • Logo
  • Menu (incoomplete...)
  • Modal (incomplete...)

1.1.0: More Components

All components now allow a size to be configured when calling. All components are no longer 'incomplete'

Refactored Components:

  • All previous...

Added Components:

  • Column
  • Section
  • Page
  • Paragraph
  • Heading
  • Container

1.1.1 - 1.1.11 - Bug Fixes

  1. Fixed bug where components were not being exported
  2. Fixed bug from previous fix
  3. Testing bug fix where react-router-dom link throws error
  4. Rebuilding Library
  5. (blank)
  6. Rebuilt Package after another import fix
  7. LinkPro component for testing
  8. Beta release of every component using styled components
  9. Updated logo and menu to not require column to align selfnpm
  10. Tried another fix with the logo onclick
  11. Fixed history import from 'react-router-dom' in the header

1.2.0: Refactored components

Components no longer use an external .css file for styling and depend fully on styled components.

1.2.1 - 1.2.x

  1. Updated README Installation Warning and Publishing Steps for developers
  2. Fixed Link Bug
  3. Allows Link to redirect to external sites
  4. Allows Link to redirect to external site in new tab

1.3.0 Global styles

Components can now accept global styles into their styling services by using the GlobalStyles context provider.

1.3.1 - 1.3.x

  1. Added JSdocs to each component
  2. Added the Text component
  3. Added export to index.js
  4. Fixed bug with Text component
  5. Converted global to theme
  6. Theme bug fix attempt #1
  7. Theme bug fix attempt #2
  8. Removed terser
  9. Theme bug fix attempt #3

V 2

V 2.0.0

<< BREAKING CHANGES! >>

Test Deployment. Every component implement SCSS as their primary style source. Many of the previous attributes and props have been removed, as using the 'style' prop is a far simpler solution to custom styles.

V 2.0.1 - V 2.0.x - Bug Fixes

  1. Fixed styled component bug in Link
  2. Fixed styling but with link and menu
  3. Fixed import on link
  4. Bug fix attempt
  5. Updated package.json
  6. Bug fix attempt
  7. Bug fix attempt
  8. Bug fix attempt
  9. Bug fix attempt
  10. Bug fix attempt
  11. Bug fixed. Testing compatability
  12. Test scss compatability with react-router
  13. Test prop desturing compatability with react-router
  14. Testing native html tags with usehistory prop
  15. Using tag for the link component