| 兩邊的前次修訂版前次修改
下次修改 | 前次修改
|
| computer:web:component [2019/08/02 17:47] – [Component] wm | computer:web:component [2025/05/14 14:04] (目前版本) – [Carousel] wm |
|---|
| ======Component====== | ======Component====== |
| | * [[https://open-ui.org/|Open UI]] |
| | * [[https://webawesome.com/|Web Awesome]] |
| | * [[https://storybook.js.org/showcase|Component Encyclopedia]] |
| | * [[https://component.gallery/|The Component Gallery]] |
| * [[https://inclusive-components.design/|Inclusive Components]] | * [[https://inclusive-components.design/|Inclusive Components]] |
| * [[http://tympanus.net/codrops/category/blueprints/|Blueprints]] | * [[http://tympanus.net/codrops/category/blueprints/|Blueprints]] |
| | * [[https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/|A Complete Guide To Accessible Front-End Components]] |
| * [[http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/|Slider Pagination Concept]] | * [[http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/|Slider Pagination Concept]] |
| * [[http://tympanus.net/codrops/2014/05/28/arrow-navigation-styles/|Arrow Navigation Styles]] | * [[http://tympanus.net/codrops/2014/05/28/arrow-navigation-styles/|Arrow Navigation Styles]] |
| * [[http://stopdesign.com/eg/buttons/3.0/code.html|Custom Buttons]] | * [[http://stopdesign.com/eg/buttons/3.0/code.html|Custom Buttons]] |
| * [[http://code.google.com/p/sexybuttons/|Sexy Buttons]] | * [[http://code.google.com/p/sexybuttons/|Sexy Buttons]] |
| | * [[https://github.com/timwright12/polybutton|Polybutton]] |
| * [[http://codepen.io/bennettfeely/pen/ErFGv|Twitter Button Concept]] | * [[http://codepen.io/bennettfeely/pen/ErFGv|Twitter Button Concept]] |
| * [[http://css-tricks.com/3d-button-parallax/|3D Button Parallax]] | * [[http://css-tricks.com/3d-button-parallax/|3D Button Parallax]] |
| * [[http://tympanus.net/codrops/2013/06/13/creative-button-styles/|Creative Button Styles]] | * [[http://tympanus.net/codrops/2013/06/13/creative-button-styles/|Creative Button Styles]] |
| * [[http://tympanus.net/codrops/2013/12/12/progress-button-styles/|Progress Button Styles]] | * [[http://tympanus.net/codrops/2013/12/12/progress-button-styles/|Progress Button Styles]] |
| * [[http://zocialbuttons.com/|Zocial]] | * [[https://github.com/adamstac/zocial|Zocial]] |
| * [[http://alexwolfe.github.io/Buttons/|Buttons]] | * [[http://alexwolfe.github.io/Buttons/|Buttons]] |
| * [[https://github.com/nashvail/Quttons|Quttons]] | * [[https://github.com/nashvail/Quttons|Quttons]] |
| * [[https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html|The Tale of Three Spinners]] | * [[https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html|The Tale of Three Spinners]] |
| * [[https://connoratherton.com/loaders|Loaders.css]] | * [[https://connoratherton.com/loaders|Loaders.css]] |
| | * [[https://uiball.com/loaders|Loaders]] |
| ====Notification==== | ====Notification==== |
| | * [[https://sonner.emilkowal.ski/|Sonner]] (Toast, React) |
| | * [[https://github.com/ardeora/solid-toast|Solid Toast]] |
| * [[http://tympanus.net/codrops/2014/07/23/notification-styles-inspiration/|Notification Styles Inspiration]] | * [[http://tympanus.net/codrops/2014/07/23/notification-styles-inspiration/|Notification Styles Inspiration]] |
| | * [[https://adamsilver.io/articles/the-problem-with-snackbars-and-what-to-use-instead/|The problem with snackbars and what to use instead]] |
| ====Tooltip==== | ====Tooltip==== |
| * [[http://tympanus.net/codrops/2014/10/07/tooltip-styles-inspiration/|Tooltip Styles Inspiration]] | * [[http://tympanus.net/codrops/2014/10/07/tooltip-styles-inspiration/|Tooltip Styles Inspiration]] |
| ====Upload==== | ====Upload==== |
| * [[http://markusslima.github.io/bootstrap-filestyle/|Bootstrap FileStyle]] | * [[http://markusslima.github.io/bootstrap-filestyle/|Bootstrap FileStyle]] |
| | ==== Tree ==== |
| | * [[https://github.com/brimdata/react-arborist|React Arborist]] |
| =====Layout===== | =====Layout===== |
| ====Grid==== | ====Grid==== |
| ==== Carousel ==== | ==== Carousel ==== |
| * [[https://pawelgrzybek.github.io/siema/|Siema]] | * [[https://pawelgrzybek.github.io/siema/|Siema]] |
| | * [[https://www.embla-carousel.com/|Embla Carousel]] |
| =====Table===== | =====Table===== |
| | * [[https://tanstack.com/table/|TanStack Table]] |
| * [[http://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/|Sticky Table Headers & Columns]] | * [[http://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/|Sticky Table Headers & Columns]] |
| =====Form===== | =====Form===== |
| * [[http://tympanus.net/codrops/2014/07/30/fullscreen-form-interface/|Fullscreen Form Interface]] | * [[http://tympanus.net/codrops/2014/07/30/fullscreen-form-interface/|Fullscreen Form Interface]] |
| ====Input==== | ====Input==== |
| | * [[https://imask.js.org/|imask]] |
| * [[http://tympanus.net/codrops/2014/11/04/simple-morphing-search/|Simple Morphing Search]] | * [[http://tympanus.net/codrops/2014/11/04/simple-morphing-search/|Simple Morphing Search]] |
| ====Checkbox==== | ====Checkbox==== |
