Data

Tools

Indexes

Applications

Experiments

Open Source Science

react-minolith

https://github.com/minominolyly/react-minolith

Science Score: 44.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • ✓
    CITATION.cff file
    Found CITATION.cff file
  • ✓
    codemeta.json file
    Found codemeta.json file
  • ✓
    .zenodo.json file
    Found .zenodo.json file
  • ○
    DOI references
  • ○
    Academic publication links
  • ○
    Academic email domains
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (8.1%) to scientific vocabulary

Keywords

customization dark-mode design-systems minolith oklch react react-components react-minolith scss-modules ui-components ui-library
Last synced: 6 months ago · JSON representation ·

Repository

Basic Info
Statistics
  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Topics
customization dark-mode design-systems minolith oklch react react-components react-minolith scss-modules ui-components ui-library
Created about 1 year ago · Last pushed 7 months ago
Metadata Files
Readme License Code of conduct Citation

README.md

react-minolith

license NPM Version npm downloads

NPM

Overview

react-minolith is an open-source react wrapper for minolith.

⚠️Breaking Changes version 1.0

react-minolith now have lodash and @emotion/react as dependencies.

shell npm install @emotion/react

Installation

shell npm install react-minolith @emotion/react lodash

Getting Started

After installation, you can import any react-minolith component and start playing around.

For example…

```tsx import { Button, ColorScheme, Container, Footer, Hamburger, Header, Heading, Main, MinolithStatic, Nav, NavAccordion, NavBrand, NavBrandCenter, NavBrandLeft, NavBrandRight, NavMenu, NavMenuItem, Section, } from "react-minolith"; import { useState } from "react";

export default function HelloWorldPage() { const [colorScheme, setColorScheme] = useState("light"); const [isActive, setIsActive] = useState(false); return (

{"Hello world"}
{"©anonymous"}
); } ```

check out Storybook for more details.

License

This project is licensed under the terms of the MIT license.

Owner

  • Name: mino.*
  • Login: minominolyly
  • Kind: user

(՞•.̮ •՞)

Citation (CITATION.cff) 

cff-version: 1.2.0
title: react-minolith
message: >-
  design system with React by minominolyly
type: software
authors:
  - name: minominolyly
repository-code: "https://github.com/minominolyly/react-minolith"
url: "https://minominolyly.github.io/react-minolith/"
license: MIT

GitHub Events

Total
  • Delete event: 2
  • Push event: 41
  • Create event: 8
Last Year
  • Delete event: 2
  • Push event: 41
  • Create event: 8

Issues and Pull Requests

Last synced: 6 months ago

All Time
  • Total issues: 0
  • Total pull requests: 1
  • Average time to close issues: N/A
  • Average time to close pull requests: less than a minute
  • Total issue authors: 0
  • Total pull request authors: 1
  • Average comments per issue: 0
  • Average comments per pull request: 0.0
  • Merged pull requests: 1
  • Bot issues: 0
  • Bot pull requests: 0
Past Year
  • Issues: 0
  • Pull requests: 1
  • Average time to close issues: N/A
  • Average time to close pull requests: less than a minute
  • Issue authors: 0
  • Pull request authors: 1
  • Average comments per issue: 0
  • Average comments per pull request: 0.0
  • Merged pull requests: 1
  • Bot issues: 0
  • Bot pull requests: 0
View more stats
Top Authors
Issue Authors
Pull Request Authors
  • minominolyly (1)
Top Labels
Issue Labels
Pull Request Labels

Packages

  • Total packages: 1
  • Total downloads:
    • npm 40 last-month
  • Total dependent packages: 0
  • Total dependent repositories: 0
  • Total versions: 42
  • Total maintainers: 1
npmjs.org: react-minolith

react-minolith is an open-source react wrapper for minolith.

  • Versions: 42
  • Dependent Packages: 0
  • Dependent Repositories: 0
  • Downloads: 40 Last month
Rankings
Dependent repos count: 25.4%
Average: 31.0%
Dependent packages count: 36.7%
Maintainers (1)
minominolyly
Last synced: 6 months ago

Dependencies

.github/workflows/gh-pages.yml actions
  • actions/checkout v2 composite
  • actions/setup-node v4 composite
  • peaceiris/actions-gh-pages v3 composite
package-lock.json npm
  • 533 dependencies
package.json npm
  • @chromatic-com/storybook ^3.2.2 development
  • @storybook/addon-essentials ^8.4.7 development
  • @storybook/addon-interactions ^8.4.7 development
  • @storybook/addon-onboarding ^8.4.7 development
  • @storybook/blocks ^8.4.7 development
  • @storybook/react ^8.4.7 development
  • @storybook/react-vite ^8.4.7 development
  • @storybook/test ^8.4.7 development
  • @types/react ^19.0.1 development
  • @types/react-dom ^19.0.2 development
  • @typescript-eslint/eslint-plugin ^8.18.0 development
  • @typescript-eslint/parser ^8.18.0 development
  • @vitejs/plugin-react-swc ^3.7.2 development
  • eslint ^9.16.0 development
  • eslint-plugin-react-hooks ^5.1.0 development
  • eslint-plugin-react-refresh ^0.4.16 development
  • eslint-plugin-storybook ^0.11.1 development
  • glob ^11.0.0 development
  • minolith ^0.0.14 development
  • react ^19.0.0 development
  • react-dom ^19.0.0 development
  • rimraf ^6.0.1 development
  • sass ^1.82.0 development
  • storybook ^8.4.7 development
  • typescript ^5.7.2 development
  • vite ^6.0.3 development
  • vite-plugin-dts ^4.3.0 development
  • vite-plugin-lib-inject-css ^2.1.1 development
  • vitest ^2.1.8 development