English | 中文
UILibHub focuses on collecting and sharing high-quality resources for React, Vue, and Mini Program component libraries. UILibHub provides the latest and most comprehensive component library recommendations, helping developers efficiently build modern applications. The website is developed based on David Dahan's open-source project UI Libs, for which we are grateful. The main modifications to UI Libs include:
- Expanded Library Collection: Added UI libraries for React, mobile, and mini programs, currently featuring over 30 high-quality UI libraries.
- Multi-language Support: Currently supports Chinese、English and Japanese, with plans to support more languages in the future.
- Removed the available component statistics panel for two reasons:
- In actual development, it's better to select components based on filtering criteria such as theme attractiveness, form support, mobile compatibility, etc., rather than fixating on whether library A has a component that library B doesn't.
- The available component statistics panel is difficult to maintain.
- Pagination: Improves browsing experience for large amounts of data.
- Detail Page Improvements: Added component library detail pages, including feature introductions, component previews, and related links.
- Markdown Support: Use Markdown syntax to write static page content.
- SEO Optimization: Improved meta tags for each page to enhance search engine visibility.
- Traffic Analytics Integration: Integrated Google Tag Manager for easy data analysis. Modify
app.vueand replaceYOUR-GTM-IDwith your own GTM ID.
Learn more about features at https://uilibhub.com/about
Contributions to UILibHub are welcome! You can:
- Recommend or self-nominate UI libraries
- Submit websites using UI libraries listed on our site (to be showcased as UI library examples)
For project submissions, please refer to the Submission Guide.
- Nuxt3: Vue3 server-side rendering framework
- Nuxt UI: UI component library
- nuxt/i18n: Multi-language support
- Nuxt Content: Markdown content management
- Tailwind CSS: Utility-first CSS framework
- TypeScript: Static type checking
This template is ideal for building various resource navigation websites, such as:
- Tool directories: e.g., AI tool directories, front-end tool directories
- Learning resource catalogs
- Design resource libraries
- Open-source project showcases
It offers powerful filtering functionality, multi-language support, and good SEO optimization, allowing for quick setup of professional navigation websites.
Installation & Startup:
npm i
npm run devDeployment: You can deploy for free using Cloudflare Pages.
⚡️ CSS Scan is the fastest and easiest way to check, copy, and edit CSS. Check the CSS of any element you hover over instantly and copy all its rules with a single click.
you can contact me at X(Twitter): https://x.com/luobogor
if this project is helpful to you, buy me a coffee.