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

@ayahub/ui

v1.129.1

Published

Aya UI is an open-source UI component library for building AIGC web apps

Downloads

10

Readme

Aya UI 是一个用于构建 AIGC 网页应用的开源 UI 组件库

English ・ 简体中文 ・ 更新日志 · 报告问题 · 请求功能

目录

📦 安装

[!IMPORTANT]
该包仅支持 ESM

要安装 Aya UI,请运行以下命令:

$ bun add @ayahub/ui

使用 NextJS 编译

[!NOTE]
为了正确使用 nextjs ssr,请在 next.config.js 中添加 transpilePackages: ['@ayahub/ui']。例如:

// next.config.js
const nextConfig = {
  // ...其他配置

  transpilePackages: ['@ayahub/ui'],
};

🤯 使用

[!NOTE]
AyaUI 组件是基于 Antd 开发的,完全兼容 Antd 组件, 推荐使用 antd-style 作为默认的 css-in-js 样式解决方案。

import { ThemeProvider, Button } from '@ayahub/ui'
import { Button } from 'antd'

export default () => (
  <ThemeProvider>
    <Button>Hello AIGC</Button>
  </ThemeProvider>
)

⌨️ 本地开发

您可以使用 Github Codespaces 进行在线开发:

或者克隆到本地进行开发:

$ git clone https://github.com/weloobe/aya-ui.git
$ cd aya-ui
$ bun install
$ bun start

🤝 贡献

欢迎各种类型的贡献,如果您有兴趣贡献代码,请随时查看我们的 GitHub 问题,并展示您的才华。

🩷 感谢赞助

每一分支持都珍贵无比,汇聚成我们支持的璀璨银河!你就像一颗划破夜空的流星,瞬间点亮我们前行的道路。感谢你对我们的信任 —— 你的支持笔就像星辰导航,一次又一次地为项目指明前进的光芒。

🔗 更多产品

  • 🤖 Aya Chat : 一个开源、可扩展(函数调用)、高性能的聊天机器人框架。支持一键免费部署私有 ChatGPT/LLM 网页应用程序。
  • 🤯 Aya Theme : 稳定扩散 WebUI 的现代主题,精美的界面设计,高度可定制的 UI 和提高效率的功能。
  • 🌏 Aya i18n : Aya i18n 是一个由 ChatGPT 提供支持的自动化工具,用于 i18n(国际化)翻译过程。它支持诸如大文件的自动拆分、增量更新和对 OpenAI 模型、API 代理和温度的自定义选项等功能。
  • 💌 Aya Commit : Aya Commit 是一个利用 Langchain/ChatGPT 生成基于 Gitmoji 的提交消息的 CLI 工具。


Copyright © 2023 AyaHub. This project is MIT licensed.