UI
UI Library(copy-paste library)¶
- https://ui.shadcn.com/
- #ui/web/library #tailwindcss #nextjs/ui #reactjs/ui
- 最流行的tailwindcss组件库
- https://originui.com/
- #ui/web/library #tailwindcss #shadcn
- https://floatui.com/
- #ui/web/library #tailwindcss #reactjs/ui #vuejs/ui #vanillajs/ui #sveltejs/ui #alpinejs/ui #ui/web/template/landing
- Meraki UI Tailwind CSS Components
- #ui/web/library #tailwindcss #ui/web/template/landing #ui/web/template/full #freemium
UI Framework(not copy-paste library)¶
- https://tamagui.dev/
- #ui/web/framework #reactjs/ui #reactjs/uinative
- HeroUI (Previously NextUI) - Beautiful, fast and modern React UI Library
- #ui/web/framework #reactjs/ui #tailwindcss #motion #nextjs/ui #tool/palettes #ui/web/component #freemium
Tailwindcss Plugin¶
- https://daisyui.com/
- #tailwindcss/plugin
Resources WebSite¶
- Windy Toolbox - Tailwind CSS Templates & Resources
- #ui/web/template/landing
- https://template0.com/
- #ui/web/template/full #freemium
- https://tailgrids.com/
- #ui/web/template/full #ui/web/template/landing #freemium #tailwindcss #reactjs/ui #vuejs/ui #vanillajs/ui #alpinejs/ui #ui/web/component #ui/web/block
- Tailblocks — Ready-to-use Tailwind CSS blocks
- #ui/web/block #tailwindcss
- https://uiverse.io/
- #ui/web/figma #ui/web/component #tailwindcss #ui/web/anima #ui/web/3d
- 完全开源，有主题竞赛（好多大牛参赛）
- https://www.creative-tim.com/twcomponents
- #ui/web/code #ui/web/component #ui/web/tailwindcss
- https://21st.dev/
- #ui/web/code #ui/web/component/shadcn #ui/web/template/freemium #ui/web/tailwindcss
- template是外站的，这里只是收集
Animation Component¶
- Magic UI
- #ui/web/anima_component #tailwindcss #nextjs/ui #reactjs/ui #shadcncli #ui/web/template/full #freemium
- Aceternity UI
- #ui/web/anima_component #tailwindcss #nextjs/ui #reactjs/ui #shadcncli #motion #ui/web/template/full #freemium
- Cult UI
- #ui/web/anima_component #tailwindcss #reactjs/ui #shadcncli #motion #ui/web/template/full #ui/web/template/landing #ui/web/block #freemium
- Inspira UI: Build beautiful websites using Vue & Nuxt
- #vuejs/ui #nuxt #tailwindcss #motion #ui/web/block
Animation Framework¶
- Motion - Web animations for JavaScript, React and Vue
- #ui/web/anima
- Homepage | GSAP
- #ui/web/anima
- wow.js — Reveal Animations When Scrolling
- #ui/web/anima/scroll
3D Framework¶
- Three.js – JavaScript 3D Library
- #ui/web/3d
Single Scope¶
- https://atroposjs.com/
- #ui/web/3d/tilt
- https://jdion.xyz/tilt
- #ui/web/3d/tilt
- LDRS — UI Ball
- #ui/web/spinner
-
- https://toggles.dev/
- #ui/web/library/toggle
- 仅限dark、light的toggle SVG Button
Email Template¶
- https://github.com/jonathandion/awesome-emails
- #ui/web/email
UI Design¶
-
https://www.uidesigndaily.com/
-
https://mobbin.com/：含移动端、PC端，对已有app的全部界面截图（10$/m）
-
https://dribbble.com/：包含了各种事物的UI设计，但大多数只是张截图，很难找到可以模仿的
- https://mastergo.com/community/：国内的，比较好模仿、资源比较多
- 探索 - 即时设计 (js.design)：国内的
-
https://neede.co/#
- 设计资源站
Images¶
- Pinterest - France design：就是一些图片分享，参考参考颜色之类的看看还行
None UI¶
- https://www.projectwallace.com/
- css检查器
- https://uicolors.app/generate
- #tool/palettes
- https://tweakcn.com/editor/theme
- #tool/palettes/shadcn
- https://easingwizard.com/
- #css/tool/anima
- https://css-tricks.com/
- #css/tips