tag 組件庫

標籤
貢獻11
91
09:43 AM · Nov 05 ,2025
opentiny 頭像 hui_61e3b3803b922 頭像 chengxuyuanyouyage 頭像 sihaihande 頭像 changlina 頭像 drem_meng 頭像 ntksol 頭像 ruochuan12 頭像 seu_duter 頭像 linyuyizhizou_678b9fdc436f1 頭像 jiangchuan_5ecf6be720834 頭像

@組件庫 / 博客 RSS 訂閱

changlina 頭像

長林啊 - Next.js 開發者必看：最受歡迎的 UI 組件庫

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 在之前，我也寫過一篇《打造高效React應用：CSS方案深度解析》，裏面介紹到內聯樣式、CSS 類、CSS Modules 和 CSS-in-JS 技術，在 Next.js 中也同樣是適用，如果有不熟悉的，可以到公眾號 「長林

react , 全棧 , 組件庫 , web開發 , next.js

收藏 評論

opentiny 頭像

OpenTiny社區 - Vue Vine：帶給你全新的 Vue 書寫體驗！

本文由體驗技術團隊Kagol原創。 上個月和TinyVue的小夥伴們一起參加了 VueConf 24 大會，有幸認識沈青川大佬，並瞭解了他的Vue Vine項目，Vue Vine 讓你可以在一個文件中通過函數方式定義多個 Vue 組件，同時可以使用所有 Vue 的模板特性。 聽起來是不是很酷！ 之前我寫過 SFC，也寫過 JSX 的 Vue 組件，兩者各有缺點。 SFC 顧名思義單文件組件，只

vue.js , 組件庫 , 前端

收藏 評論

drem_meng 頭像

孟祥_成都 - 最好的組件庫教程又回來了，升級為 headless 組件庫！

前言 好久沒寫文章了。最近有朋友問我，為什麼之前的mx-design組件庫教程停更了？其實是因為我逐漸意識到，那種樣式內嵌的組件庫，無論在學習還是實際使用中，都有很大的侷限性。 做過稍微複雜定製需求的前端同學，應該都有類似的體會： 企業通常有自己獨特的 UI 規範，而傳統組件庫的樣式改造起來非常麻煩，有些深層樣式幾乎無法覆蓋。比如disabled狀態和readOnly狀態對應的樣式，往往與組件

react , 組件庫 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue自動導入插件重大升級，@opentiny/unplugin-tiny-vue1.0.0版本開啓單組件包引入新模式

近日，@opentiny/unplugin-tiny-vue 發佈了其重要的1.0.0版本更新，此次更新帶來了全新的單組件包引入模式，顯著提升了開發者的本地編譯效率以及整個項目的構建速度。 在之前的版本中，開發者需要一次性加載整個TinyVue 庫，這個不僅增加了初始時間，也使得項目構建過程變得相對緩慢。然而，隨着新版本的發佈，這一問題得到了有效的解決。通過引入單組件包模式，開發者現在可以根據實際

vue.js , 組件庫 , 開源 , 前端

收藏 評論

hui_61e3b3803b922 頭像

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件，從代碼到NPM發佈（3）- 小結

基本完成了拖動、調整大小、拖入、拖出、嵌套、刪除等特性，可以基於組件嵌套，也可以基於數據結構嵌套。算是告一段落了，後面在使用過程發現問題解決問題好了。 請大家動動小手，給我一個免費的 Star 吧~ 大家如果發現了 Bug，歡迎來提 Issue 喲~ github源碼 NPM 示例地址 文檔 交互細節 拖動 基本拖動 拖動區域擴展 拖動目標判斷 調整大小 基本調整大小 調整

組件庫 , vue3 , 拖拽 , typescript , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 貢獻者招募|朋友你好，一起加入OpenTiny社區吧~

🌟開發者朋友你好！我們誠摯邀請你加入 OpenTiny 開源社區，一起進行項目共建，一起成為 OpenTiny 開源項目的一份子~ 近期，OpenTiny 社區收到很多開發者對於 TinyEngine 低代碼引擎二開教程的建議，項目工程師們根據社區開發者們的建議也緊鑼密鼓的推進項目的演進更新。與此同時，社區開發者們也提出了很多項目 issue，作為開源社區，OpenTiny 也希望邀請更多的開源

vue.js , 組件庫 , 低代碼 , 開源 , 前端

收藏 評論

hui_61e3b3803b922 頭像

xachary - 手把手實現一個圖片可縮放可拖拽的 Vue3 組件

在工作中經常遇到需要預覽一張尺寸可能非常大的圖片，初始化顯示的時候，希望它自適應顯示區域後，還可以縮放並可以在顯示區域中拖拽。 在這裏，手把手展示一下如何實現一個簡單的組件，以實現上述的需求。 效果展示 先看看效果 可以直達👇 示例倉庫 | 示例文檔 | 在線示例 別忘了，可以帶話，給我一個 Star 喲！ 實現 Hook 在實現組件之前，可以先實現一個 hook，以包含核心邏輯，後面實現 組

css3 , 組件庫 , vue3

收藏 評論

opentiny 頭像

OpenTiny社區 - 直播分享|TinyVue 多端實戰與輕量圖標庫分享

TinyVue是一個跨端跨框架的企業級UI組件庫，基於renderless無渲染組件設計架構，實現了一套代碼同時支持Vue2和Vue3，支持PC和移動端，包含100多個功能豐富的精美組件，可幫助開發者高效開發Web應用。 4月22日19點，雲計算高級前端開發工程師，TinyVue 項目成員鄭志超、申君健老師，將為大家分享TinyVue多端模板與模式切換，並與大家介紹TinyVue輕量圖標庫的使用。

vue.js , 組件庫 , 開源 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - Monorepo：讓你的項目脱胎換骨，既能代碼複用，又能獨立部署！

本文由體驗技術團隊Kagol原創。 你的項目是不是正在不斷膨脹，構建速度越來越慢，包體積越來越大，性能越來越慢了？ 想拆分到不同的倉庫中分開維護，又擔心代碼不方便複用？ 你可能需要將項目改造成 Monorepo 啦！ 我將帶大家把一個現有項目改造成 Monorepo 方式，便於擴展和多項目複用。 如果你也有類似的需求，可以點贊、收藏下本文，關鍵時刻也許能幫上忙。 1 為什麼需要做 Monor

組件庫 , 開源 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue v3.22.0 正式發佈：深色模式上線！集成 UnoCSS 圖標庫！TypeScript 類型支持全面升級！

我們非常高興地宣佈，2025年4月7日，TinyVue發佈了v3.22.0🎉。 本次 3.22.0 版本主要有以下重大變更： 支持深色模式 增加基於 UnoCSS 的圖標庫 更豐富的 TypeScript 類型聲明 支持 XSS 配置 詳細的 Release Notes 請參考：https://github.com/opentiny/tiny-vue/releases/tag/v3.

vue.js , 組件庫 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - OpenTiny 體驗官實操活動 | 快速體驗 TinyVue 組件庫的智能化交互能力

實驗簡介 通過體驗基於標準 MCP 協議的Web 智能組件庫——TinyVue，開發者可以瞭解 AI 智能體控制 TinyVue 智能組件的各類行為。本次實驗主要是在 TinyVue 官網上，開發者能夠通過 AI 對話框，以語音或文字方式與網站組件進行互動，並且還能借助 VSCode Copilot、Cursor 等 IDE 工具，Dify、Coze 等智能體平台來操作這些組件。 實驗目標 按

vue.js , 組件庫 , 開源 , 前端

收藏 評論

ntksol 頭像

歐雷 - 説説「反混沌」：Fxxk Design

某天，集結很多業內大牛的某廠連續開源了好幾個前端相關項目，其中兩個是 UI 組件庫。嗬傢伙！同時來倆，到底是想讓人用哪個啊？存心想要逼死糾結星人的節奏？ 那倆 UI 組件庫的名字裏都有「Design」，表明自己是「Design System」而不是普通的「UI Library」。這讓我想起了那段時間一波又一波出現的「元宇宙」公司。嗯～熟悉的味道。 不過，這也點了我一下——何不把我正在建設中與規劃要

前端工程 , 交互設計 , 前端架構 , 組件庫 , 軟件工程

收藏 評論