<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Component on Producthunt daily</title>
        <link>https://producthunt.programnotes.cn/en/tags/component/</link>
        <description>Recent content in Component on Producthunt daily</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Sat, 28 Jun 2025 15:28:55 +0800</lastBuildDate><atom:link href="https://producthunt.programnotes.cn/en/tags/component/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>base-ui</title>
        <link>https://producthunt.programnotes.cn/en/p/base-ui/</link>
        <pubDate>Sat, 28 Jun 2025 15:28:55 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/base-ui/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1496046596374-a16aa8b8ae63?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NTEwOTU2MjR8&amp;ixlib=rb-4.1.0" alt="Featured image of post base-ui" /&gt;&lt;h1 id=&#34;muibase-ui&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/mui/base-ui&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;mui/base-ui&lt;/a&gt;
&lt;/h1&gt;&lt;h1 id=&#34;baseui&#34;&gt;Base UI
&lt;/h1&gt;&lt;p&gt;From the creators of Radix, Floating UI, and Material UI, Base UI is an unstyled UI component library for building accessible user interfaces.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;documentation&#34;&gt;Documentation
&lt;/h2&gt;&lt;p&gt;To get started, check out the &lt;a class=&#34;link&#34; href=&#34;https://base-ui.com/react/overview/quick-start&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Base UI documentation&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;contributing&#34;&gt;Contributing
&lt;/h2&gt;&lt;p&gt;Read our &lt;a class=&#34;link&#34; href=&#34;https://producthunt.programnotes.cn/CONTRIBUTING.md&#34; &gt;contributing guide&lt;/a&gt; to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.&lt;/p&gt;
&lt;h2 id=&#34;releases&#34;&gt;Releases
&lt;/h2&gt;&lt;p&gt;To see the latest updates, check out the &lt;a class=&#34;link&#34; href=&#34;https://base-ui.com/react/overview/releases&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;releases&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;community&#34;&gt;Community
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Discord&lt;/strong&gt; For community support, questions, and tips, join our &lt;a class=&#34;link&#34; href=&#34;https://discord.gg/g6C3hUtuxz&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Discord&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;X&lt;/strong&gt; To stay up-to-date on new releases and announcements follow &lt;a class=&#34;link&#34; href=&#34;https://x.com/base_ui&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Base UI on X&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Bluesky&lt;/strong&gt; We&amp;rsquo;re also on &lt;a class=&#34;link&#34; href=&#34;https://bsky.app/profile/base-ui.com&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Bluesky&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;team&#34;&gt;Team
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Colm Tuite&lt;/strong&gt; (Radix) &lt;a class=&#34;link&#34; href=&#34;https://x.com/colmtuite&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@colmtuite&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Vlad Moroz&lt;/strong&gt; (Radix) &lt;a class=&#34;link&#34; href=&#34;https://x.com/vladyslavmoroz&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@vladyslavmoroz&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;James Nelson&lt;/strong&gt; (Floating UI) &lt;a class=&#34;link&#34; href=&#34;https://x.com/atomiksdev&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@atomiksdev&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Michał Dudak&lt;/strong&gt; (Material UI) &lt;a class=&#34;link&#34; href=&#34;https://x.com/michaldudak&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@michaldudak&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Marija Najdova&lt;/strong&gt; (Material UI + Fluent UI) &lt;a class=&#34;link&#34; href=&#34;https://x.com/marijanajdova&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@marijanajdova&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Albert Yu&lt;/strong&gt; (Material UI) &lt;a class=&#34;link&#34; href=&#34;https://github.com/mj12albert&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;@mj12albert&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;license&#34;&gt;License
&lt;/h2&gt;&lt;p&gt;This project is licensed under the terms of the &lt;a class=&#34;link&#34; href=&#34;https://producthunt.programnotes.cn/LICENSE&#34; &gt;MIT license&lt;/a&gt;.&lt;/p&gt;
</description>
        </item>
        <item>
        <title>element-plus</title>
        <link>https://producthunt.programnotes.cn/en/p/element-plus/</link>
        <pubDate>Sat, 10 May 2025 15:26:15 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/element-plus/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1676579300183-c53b23384218?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NDY4NjE4OTR8&amp;ixlib=rb-4.1.0" alt="Featured image of post element-plus" /&gt;&lt;h1 id=&#34;element-pluselement-plus&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/element-plus/element-plus&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;element-plus/element-plus&lt;/a&gt;
&lt;/h1&gt;&lt;p align=&#34;center&#34;&gt;
  &lt;img width=&#34;300px&#34; src=&#34;https://user-images.githubusercontent.com/10731096/95823103-9ce15780-0d5f-11eb-8010-1bd1b5910d4f.png&#34;&gt;
&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;a href=&#34;https://www.npmjs.org/package/element-plus&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/npm/v/element-plus.svg&#34; /&gt;
  &lt;/a&gt;
  &lt;a href=&#34;https://github.com/element-plus/element-plus&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/badge/node-%20%3E%3D%2018-47c219&#34; /&gt;
  &lt;/a&gt;
  &lt;a href=&#34;https://npmcharts.com/compare/element-plus?minimal=true&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/npm/dm/element-plus.svg&#34; /&gt;
  &lt;/a&gt;
  &lt;a href=&#34;https://codecov.io/gh/element-plus/element-plus&#34;&gt;
    &lt;img src=&#34;https://codecov.io/gh/element-plus/element-plus/branch/dev/graph/badge.svg?token=BKSBO2GLZI&#34;/&gt;
  &lt;/a&gt;
  &lt;br&gt;
&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;Element Plus - A Vue.js 3 UI library&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;💪 Vue 3 Composition API&lt;/li&gt;
&lt;li&gt;🔥 Written in TypeScript&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;getting-started&#34;&gt;Getting Started
&lt;/h2&gt;&lt;p&gt;Alright, for you to get started if you are looking for making Element Plus better you should keep reading.
For developers that uses Element Plus to develop your website you should go ahead visit &lt;a class=&#34;link&#34; href=&#34;https://element-plus.org/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Getting Started&lt;/a&gt;.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;中国大陆&lt;a class=&#34;link&#34; href=&#34;https://cn.element-plus.org/zh-CN/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;加速镜像站点&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;breaking-change-list&#34;&gt;Breaking change list
&lt;/h2&gt;&lt;p&gt;The first stable release of Element Plus suitable for use in production was released on February 07, 2022. The APIs is stable right now, and here&amp;rsquo;s also a full list about how to get upgraded from &lt;a class=&#34;link&#34; href=&#34;https://element.eleme.io&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Element UI&lt;/a&gt; to Element Plus.&lt;/p&gt;
&lt;p&gt;You can find the breaking change list here: &lt;a class=&#34;link&#34; href=&#34;https://github.com/element-plus/element-plus/discussions/5658&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Breaking Change List&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&#34;migration-tool-hammer_and_wrench&#34;&gt;Migration Tool :hammer_and_wrench:
&lt;/h3&gt;&lt;p&gt;We have made a migration tool for you to migrate your project from &lt;a class=&#34;link&#34; href=&#34;https://element.eleme.io&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Element UI&lt;/a&gt; to Element Plus.&lt;/p&gt;
&lt;p&gt;You can find the &lt;a class=&#34;link&#34; href=&#34;https://github.com/thx/gogocode/tree/main/packages/gogocode-plugin-element&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;gogo code migration tool&lt;/a&gt; here.&lt;/p&gt;
&lt;p&gt;We have tested this on &lt;a class=&#34;link&#34; href=&#34;https://github.com/PanJiaChen/vue-element-admin&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Vue Element Admin&lt;/a&gt;. You can find the transpiled code &lt;a class=&#34;link&#34; href=&#34;https://github.com/gogocodeio/vue-element-admin&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&#34;playground&#34;&gt;Playground
&lt;/h3&gt;&lt;p&gt;You can also try Element Plus out with the components built-in playground.&lt;/p&gt;
&lt;h4 id=&#34;try-it-with-our-built-in-playground&#34;&gt;Try it with our built-in playground
&lt;/h4&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://element-plus.run/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Playground&lt;/a&gt;&lt;/p&gt;
&lt;h4 id=&#34;try-it-with-code-sandbox&#34;&gt;Try it with code sandbox
&lt;/h4&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://codesandbox.io/s/element-plus-demo-dxtcr&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://codesandbox.io/static/img/play-codesandbox.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Edit element-plus&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;b&gt;Special thanks to the generous sponsorship by:&lt;/b&gt;
&lt;/p&gt;
&lt;br/&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;b&gt;Platinum Sponsors&lt;/b&gt;
&lt;/p&gt;
&lt;table align=&#34;center&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34;&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td align=&#34;center&#34; valign=&#34;middle&#34;&gt;
        &lt;a href=&#34;https://melecode.com/&#34; target=&#34;_blank&#34;&gt;
          &lt;img width=&#34;150px&#34; src=&#34;https://github.com/element-plus/element-plus/assets/82012629/9ca4269c-7545-4463-9bdc-8e5a1fbd0b08&#34;&gt;
        &lt;/a&gt;
      &lt;/td&gt;
      &lt;td align=&#34;center&#34; valign=&#34;middle&#34;&gt;
        &lt;a href=&#34;https://www.jnpfsoft.com/index.html?from=elementUI&#34; target=&#34;_blank&#34;&gt;
          &lt;img width=&#34;150px&#34; src=&#34;https://github.com/element-plus/element-plus/assets/17680888/6a044d82-c393-48ab-90b8-de0d3aad1624&#34;&gt;
        &lt;/a&gt;
      &lt;/td&gt;
      &lt;td align=&#34;center&#34; valign=&#34;middle&#34;&gt;
        &lt;a href=&#34;https://vue.misboot.com/#/login?from=element-plus&#34; target=&#34;_blank&#34;&gt;
          &lt;img width=&#34;150px&#34; src=&#34;https://github.com/user-attachments/assets/ade8e7e6-f9a4-45d5-9006-44b548599a8d&#34;&gt;
        &lt;/a&gt;
      &lt;/td&gt;
      &lt;td align=&#34;center&#34; valign=&#34;middle&#34;&gt;
        &lt;a href=&#34;http://github.crmeb.net/u/Element?from=element-plus&#34; target=&#34;_blank&#34;&gt;
          &lt;img width=&#34;150px&#34; src=&#34;https://github.com/user-attachments/assets/18079452-986c-4c6e-84ec-fb6175c26567&#34;&gt;
        &lt;/a&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;b&gt;Gold Sponsors&lt;/b&gt;
&lt;/p&gt;
&lt;table align=&#34;center&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34;&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td align=&#34;center&#34; valign=&#34;middle&#34;&gt;
        &lt;a href=&#34;https://doc.buildadmin.com/?from=element-plus&#34; target=&#34;_blank&#34;&gt;
          &lt;img width=&#34;130px&#34; src=&#34;https://user-images.githubusercontent.com/17680888/173179536-30e35fd1-cd5a-482a-bc41-9d5f0aa66fd4.png&#34;&gt;
        &lt;/a&gt;
      &lt;/td&gt;
      &lt;td align=&#34;center&#34; valign=&#34;middle&#34;&gt;
        &lt;a href=&#34;https://fantastic-admin.github.io/?from=element-plus&#34; target=&#34;_blank&#34;&gt;
          &lt;img width=&#34;130px&#34; src=&#34;https://github.com/user-attachments/assets/0dbd9c02-d132-4c9e-a162-2b5a8728fc7e&#34;&gt;
        &lt;/a&gt;
      &lt;/td&gt;
      &lt;td align=&#34;center&#34; valign=&#34;middle&#34;&gt;
        &lt;a href=&#34;https://bit.dev/?from=element-ui&#34; target=&#34;_blank&#34;&gt;
          &lt;img width=&#34;130px&#34; src=&#34;https://user-images.githubusercontent.com/10095631/41342907-e44e7196-6f2f-11e8-92f2-47702dc8f059.png&#34;&gt;
        &lt;/a&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;hr&gt;
&lt;h2 id=&#34;translations&#34;&gt;Translations
&lt;/h2&gt;&lt;p&gt;Element Plus is translated to multiple languages, you can click the badge to help up update the translation or apply to become
a proofreader &lt;a class=&#34;link&#34; href=&#34;https://crowdin.com/project/element-plus&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://badges.crowdin.net/element-plus/localized.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Crowdin&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;For now we are only showing English and Chinese for resource reasons, but we are looking forward to translate it into more languages, please go to the link
above and leave a message if you want to help translating Element Plus into your desired language.&lt;/p&gt;
&lt;h3 id=&#34;how-to-help-translating&#34;&gt;How to help translating
&lt;/h3&gt;&lt;p&gt;See how to help translating in &lt;a class=&#34;link&#34; href=&#34;https://element-plus.org/en-US/guide/translation.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Translating Element Plus&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;stay-tuned-eyes&#34;&gt;Stay tuned :eyes:
&lt;/h2&gt;&lt;p&gt;Join our &lt;a class=&#34;link&#34; href=&#34;https://discord.com/invite/gXK9XNzW3X&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Discord&lt;/a&gt; to start communicating with everybody.&lt;/p&gt;
&lt;h2 id=&#34;this-thing-is-broken-i-should-help-improve-it&#34;&gt;This thing is broken, I should help improve it!
&lt;/h2&gt;&lt;p&gt;Awesommmmmmee. Everything you need is down below. You can also refer to
&lt;a class=&#34;link&#34; href=&#34;https://github.com/element-plus/element-plus/blob/dev/CONTRIBUTING.md&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;CONTRIBUTING&lt;/a&gt; and
&lt;a class=&#34;link&#34; href=&#34;https://github.com/element-plus/element-plus/blob/dev/CODE_OF_CONDUCT.md&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Code of Conduct&lt;/a&gt;
where you&amp;rsquo;ll find the same information listed below.&lt;/p&gt;
&lt;h2 id=&#34;i-would-like-to-become-a-part-of-the-development-team&#34;&gt;I would like to become a part of the development team!
&lt;/h2&gt;&lt;p&gt;Welcome :star_struck:! We are looking for talented developers to join us and making Element Plus better! If you care to join the development team, please
reach out to us, you are more than welcomed to join us! :heart:&lt;/p&gt;
&lt;p&gt;We are now lacking of experts of &lt;code&gt;Testing&lt;/code&gt;, &lt;code&gt;GitHub Actions&lt;/code&gt;, &lt;code&gt;PM&lt;/code&gt;, if you do feel like you can and willing to help us, please do reach out to us. :pray:&lt;/p&gt;
&lt;h2 id=&#34;contributors&#34;&gt;Contributors
&lt;/h2&gt;&lt;p&gt;This project exists thanks to all the people who contribute.&lt;/p&gt;
&lt;p&gt;And thank you to all our backers! 🙏&lt;/p&gt;
&lt;a href=&#34;https://github.com/element-plus/element-plus/graphs/contributors&#34;&gt;
  &lt;img src=&#34;https://contrib.rocks/image?repo=element-plus/element-plus&#34; /&gt;
&lt;/a&gt;
&lt;h2 id=&#34;license&#34;&gt;License
&lt;/h2&gt;&lt;p&gt;Element Plus is open source software licensed as
&lt;a class=&#34;link&#34; href=&#34;https://github.com/element-plus/element-plus/blob/master/LICENSE&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;MIT&lt;/a&gt;.&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
