{"id":13990843,"url":"https://github.com/Yoshino-UI/Yoshino","last_synced_at":"2025-07-22T13:31:41.215Z","repository":{"id":46141179,"uuid":"126676332","full_name":"Yoshino-UI/Yoshino","owner":"Yoshino-UI","description":"A themable React component library！Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it!","archived":false,"fork":false,"pushed_at":"2024-04-12T03:22:26.000Z","size":2578,"stargazers_count":221,"open_issues_count":1,"forks_count":18,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-05-22T18:29:39.963Z","etag":null,"topics":["a-themable-react-component-library","component","components","material-design","react","react-component","react-components","react-ui","react-ui-components","theme","typescript","ui","webpack"],"latest_commit_sha":null,"homepage":"https://yoshino-ui.github.io","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Yoshino-UI.png","metadata":{"files":{"readme":"README-cn.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2018-03-25T08:00:14.000Z","updated_at":"2024-05-14T02:55:20.000Z","dependencies_parsed_at":"2024-04-16T08:22:08.573Z","dependency_job_id":"a9fb87fa-7e54-45eb-833a-4bf6e74f5299","html_url":"https://github.com/Yoshino-UI/Yoshino","commit_stats":{"total_commits":506,"total_committers":3,"mean_commits":"168.66666666666666","dds":0.007905138339920903,"last_synced_commit":"426717b4d027dfd169252cea80b49d24513ac6d3"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yoshino-UI%2FYoshino","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yoshino-UI%2FYoshino/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yoshino-UI%2FYoshino/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yoshino-UI%2FYoshino/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Yoshino-UI","download_url":"https://codeload.github.com/Yoshino-UI/Yoshino/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227099030,"owners_count":17730696,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["a-themable-react-component-library","component","components","material-design","react","react-component","react-components","react-ui","react-ui-components","theme","typescript","ui","webpack"],"created_at":"2024-08-09T13:03:23.295Z","updated_at":"2024-11-29T10:31:54.995Z","avatar_url":"https://github.com/Yoshino-UI.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003ch1 align='center'\u003eYoshino\u003c/h1\u003e\n\u003cp align='center'\u003e\n  \u003ca href=\"https://travis-ci.com/Yoshino-UI/Yoshino/\"\u003e\n    \u003cimg src=\"https://travis-ci.com/Yoshino-UI/Yoshino.svg\" alt=\"travis ci badge\"\u003e\n  \u003c/a\u003e\n  \u003cimg src='https://img.shields.io/npm/v/yoshino.svg?style=flat-square' alt=\"version\"\u003e\n  \u003cimg src='https://img.shields.io/npm/l/yoshino.svg' alt=\"license\"\u003e\n  \u003cimg src='http://img.badgesize.io/https://unpkg.com/yoshino/lib/index.css?compression=gzip\u0026label=gzip%20size:%20CSS\u0026style=flat-square'\u003e\n  \u003cimg src='https://img.shields.io/npm/dt/yoshino.svg?style=flat-square' alt=\"downloads\"\u003e\n  \u003cimg src='https://img.shields.io/npm/dm/yoshino.svg?style=flat-square' alt=\"downloads-month\"\u003e\n  \u003ca href='https://yoshino-ui.github.io'\u003e\u003cimg src='https://img.shields.io/badge/website%20-Yoshino-51b26d.svg'/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n[English](./README.md) | 简体中文\n## 设计思路\nYoshino本质上类似于Hexo，不同的样式风格组件类似于Hexo的各种theme，hexo官方仅提供了一套工具以及一个基础主题，Yoshino与其同理。\n\n开发者只需要像配置Hexo主题一样使用即可拥有不同风格的组件，你甚至可以在同一个项目中使用cli输出多种不同风格的组件。\n\n而不同主题的Yoshino需要开源社区完成，官方会提供类似的yoshino-theme-site来展示不同的主题，类似于[hexojs/site](https://github.com/hexojs/site)\n\n![](https://pic1.zhimg.com/80/v2-3c24dc918db63fbd19f6531374014146_hd.jpg)\n\n目前cli工具仅支持组件创建产出，例如创建自定义Alert组件\n```\nyoshino new Alert\n```\n以后cli可以通过类似以下的指令配置输出对应规范组件，例如输出material-ui规范的Alert组件\n```\nyoshino new Alert --theme material-ui\n```\n以及直接输出整个主题的组件库\n```\nyoshino new all --theme material-ui\n```\n\n## 特性\n- 使用`TypeScript`开发，提供`d.ts`文件帮助开发者提高开发速度\n- 提倡`OFA（one for all）`与`AFO（all for one）`概念，不同项目开发前通过[yoshino-cli](https://github.com/Yoshino-UI/yoshino-cli)根据项目ui规范进行定制化开发产出。\n- 除了简单通用的`ui`组件，`yoshino`抽离出了一些易用性比较高的特效(功能)组件，例如\n  - Helpers\n  - Ripple\n  - Transitions\n- `Icon`组件的图标库采用了[archer-svgs](https://github.com/ShanaMaid/archer-svgs)，对图标的导入采用按需加载，你无须担心仅使用了一个字体就引入了所有图标文件。\n\n## 介绍\n`yoshino`组件库提供简单样式组件，可以通过[yoshino-cli](https://github.com/Yoshino-UI/yoshino-cli)根据项目进行定制化开发。\n\n将yoshino组件库less抽离出来维护，让开发者自定义维护。\n例如需要自定义Alert样式\n```js\nimport {Alert} from 'yoshino'；\nimport 'myAlert.less'\n```\n\nmyAlert.less为用户自定义样式\n\nyoshino根据开发者需要自定义的组件自定义生成对应开发模版\n\n```js\nyoshino new Alert\n```\n\n## 贡献者\n![](https://opencollective.com/yoshino/contributors.svg)\n\n## 开发贡献流程\n```js\nnpm run dev // 启动开发环境\nnpm run new ComponentName // 新建组件\n```\n\n## Yoshino is Inspired or Powered By:\n- [archer-svgs](https://github.com/ShanaMaid/archer-svgs)\n- [ant-design](https://github.com/ant-design/ant-design)\n- [muse-ui](https://github.com/museui/muse-ui)\n- [iView](https://github.com/iview/iview)\n- [ionicons](https://github.com/ionic-team/ionicons)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FYoshino-UI%2FYoshino","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FYoshino-UI%2FYoshino","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FYoshino-UI%2FYoshino/lists"}