banana ui

Banana UI

Banana UI is a set of underlying component libraries based on Web Components , which provides a set of commonly used components.

Official Documentation:

• https://banana-ui.com/
• Domestic mirror: https://banana.youniverse.cc/ (Users who have not enabled scientific Internet access can visit here)

️ Features

• ? Can be used in almost any web framework (React, Vue, and others...)
• Can be used in native environment (without frame)
• Supports SSR (even for worker environments)
• ? Good TypeScript support
• Suitable for PC, mobile terminal is also available
• ? Complete unit test

What problems did Banana solve?

The biggest feature of Banana is that it is a component library based on Web Components, which means it can be used in almost all front-end frameworks, or in native environments (frameworkless); and it also supports server-side rendering (SSR) and can even be used in worker environments. This means you can use it almost anywhere.

Banana seems to be the only Web Components component library in China that supports server rendering.

Based on this, Banana is suitable for these scenarios:

• You are developing a component/plugin/tool that needs to support multiple frameworks.
• You have multiple projects that use different front-end frameworks and you want to be able to use the same component library in these projects.
• The project you are developing is using a template engine instead of a front-end framework (such as Shopify, Wordpress, etc.).
• The project you develop does not use the front-end framework, but the native environment.
• For React users, we provide a React version that specifically adapts React to better use with React.
• Of course, Vue projects or other web frameworks can also use Banana.

Seek help & participate in contributing

Any form of questions and contributions are welcome, and you can ask questions or seek help on the Issues area. If you want to participate in the contribution, hopefully you can check out the contribution guide first.

Q & A

Can I use it for production?

Can. Banana UI is already used in some projects. But be aware that it is still in its early stages and there may be some problems. If you have problems during use, please ask questions or seek help in the Issues area.

Author's Note: I am currently working in a cross-border e-commerce company, and the company's largest C-end project and some of its internal systems are using Banana UI.

LICENSE

MIT