PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.7

npm

2ani-ui

Đây là một thư viện UI, giúp cải thiện quá trình tạo giao diện người dùng.

2am2am-ui2ani-uianicomponentseditorlibrarymentionreactui
Published6 Sept 2024
Direct dependencies17
Transitive dependenciesNot calculated

README

Current package documentation

Welcome to 2ANI UI ⚡️

All Contributors

  • Works out of the box. 2ani UI contains a set of polished React components that work out of the box.

  • Flexible & composable. 2ani UI components are built on top of a React UI Primitive for endless composability.

  • Accessible. 2ani UI components follows the WAI-ARIA guidelines specifications.

  • Dark Mode 😍: All components are dark mode compatible.

Looking for the documentation?

https://ui.ani2am.me/

Jointly develop the project

https://github.com/fo-nhan/2ani-ui

Installing 2ani UI

⚡️2ANI UI is made up of multiple components and tools which you can import one by one. All you need to do is install the @2ani-ui package:

$ yarn add 2ani-ui
# or
$ npm install --save 2ani-ui

Getting set up

To start using the components, please follow these steps:

  1. Wrap your application in a ThemeProvider provided by 2ani-ui
import { UI2aniContext } from "2ani-ui";

const App = ({ children }) => (
  <UI2aniContext>
    <div>{children}</div>
  </UI2aniContext>
);
  1. Import styles provided by 2ani-ui
import '2ani-ui/src/styles/config.css';

const App = ({ children }) => (
  <UI2aniContext>
    <div>{children}</div>
  </UI2aniContext>
);
  1. Now you can start using components like so!:
import { Button } from "2ani-ui";

const App = () => <Button>I just consumed some 2ANI UI!</Button>;

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 19

Native requirements
17 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^18.3.1runtime
lexical
Environment
{
  "local_name": "lexical",
  "alias": false,
  "peer_metadata": null
}
^0.17.1runtime
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.3.1runtime
@lexical/link
Environment
{
  "local_name": "@lexical/link",
  "alias": false,
  "peer_metadata": null
}
^0.17.1runtime
@lexical/react
Environment
{
  "local_name": "@lexical/react",
  "alias": false,
  "peer_metadata": null
}
^0.17.1runtime
webpack
Environment
{
  "local_name": "webpack",
  "alias": false,
  "peer_metadata": null
}
^5.93.0development
css-loader
Environment
{
  "local_name": "css-loader",
  "alias": false,
  "peer_metadata": null
}
^7.1.2development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^5.5.4development
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.25.2development
webpack-cli
Environment
{
  "local_name": "webpack-cli",
  "alias": false,
  "peer_metadata": null
}
^5.1.4development
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^18.3.3development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^9.1.3development
style-loader
Environment
{
  "local_name": "style-loader",
  "alias": false,
  "peer_metadata": null
}
^4.0.0development
@types/react-dom
Environment
{
  "local_name": "@types/react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.3.0development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
^7.25.3development
@babel/preset-react
Environment
{
  "local_name": "@babel/preset-react",
  "alias": false,
  "peer_metadata": null
}
^7.24.7development
@babel/preset-typescript
Environment
{
  "local_name": "@babel/preset-typescript",
  "alias": false,
  "peer_metadata": null
}
^7.24.7development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^18.3.1peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.3.1peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "73f20fbc14f26a066648400b416ab9cb437fb898",
  "tarball": "https://registry.npmjs.org/2ani-ui/-/2ani-ui-1.0.7.tgz",
  "fileCount": 442,
  "integrity": "sha512-eGn4wcaXQTRahqqHlGkNdLpCe1j61XDoXom3Tbtoe/KcKEC2GcEJKmTXU1ZQpAEhv9F87Lh961lN9zoudiY+HA==",
  "signatures": [
    {
      "sig": "MEQCIEwWRNxhINaS0pqjksoGdAqndLESUFjt3dTRiR/dJ5lUAiA9rE3Zj0FXrxU94CO9KLM9qmMB+tGMrHJMCLS2IjYM1A==",
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"
    }
  ],
  "unpackedSize": 598371
}

Repository

PENDING
fo-nhan/2ani-ui

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:08 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:808d67bca286cbff38f6ca9058a1a4bfe2ebc6d4e1c6dda1df12757593972dcc

Other collected versions

1.1.0-beta.230 Sept1.1.0-beta.129 Sept1.1.026 Sept1.0.9-beta.914 Sept1.0.9-beta.814 Sept1.0.9-beta.714 SeptView all collected versions →