WMの写本

本頁是唯讀的，您可以看到原始碼，但不能更動它。您如果覺得它不應被鎖上，請詢問管理員。
======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]]
  * [[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/2014/05/28/arrow-navigation-styles/|Arrow Navigation Styles]]
  * [[http://tympanus.net/codrops/2013/04/23/fullscreen-layout-with-page-transitions/|Fullscreen Layout with Page Transitions]]
  * [[http://tympanus.net/codrops/2014/02/06/fullscreen-overlay-effects/|Fullscreen Overlay Effects]]
  * [[http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/|A Collection of Page Transitions]]
  * [[http://tympanus.net/codrops/2013/10/30/medium-style-page-transition/|Medium-Style Page Transition]]
  * [[http://tympanus.net/codrops/2013/09/18/creative-loading-effects/|Creative Loading Effects]]
  * [[http://tympanus.net/codrops/2014/06/11/how-to-create-a-tiled-background-slideshow/|How to Create a Tiled Background Slideshow]]
===Reveal===
  * [[http://tympanus.net/codrops/2014/05/22/inspiration-for-article-intro-effects/|Inspiration for Article Intro Effects]]
  * [[http://tympanus.net/codrops/2014/04/23/page-loading-effects/|Page Loading Effects]]
  * [[http://tympanus.net/codrops/2014/08/05/page-preloading-effect/|Page Preloading Effect]]
===Separator===
  * [[http://tympanus.net/codrops/2013/10/03/a-collection-of-separator-styles/|A Collection of Separator Styles]]
===Tab===
  * [[http://vdw.github.io/Tabslet/|Tabslet]]
  * [[http://tympanus.net/codrops/2014/09/02/tab-styles-inspiration/|Tab Styles Inspiration]]
===Header===
  * [[http://tympanus.net/codrops/2013/07/16/on-scroll-header-effects/|On Scroll Header Effects]]
  * [[http://tympanus.net/codrops/2014/12/23/sliding-header-layout/|Sliding Header Layout]]
===Menu===
  * [[https://github.com/joeldbirch/superfish|Superfish]]
  * [[http://lab.hakim.se/meny/|Meny]]
  * [[http://tympanus.net/codrops/2013/09/30/animated-border-menus/|Animated Border Menus]]
  * [[http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations/|Transitions for Off-Canvas Navigations]]
  * [[http://tympanus.net/codrops/2011/03/09/animated-content-menu/|Animated Content Menu with jQuery]]
  * [[http://tympanus.net/codrops/2011/03/16/expanding-image-menu/|Expanding Image Menu with jQuery]]
  * [[http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/|Responsive Multi-Level Menu]]
  * [[http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/|Responsive Retina-Ready Menu]]
  * [[http://www.ahmadhania.com/2011/06/dark-menu-pure-css3-two-level-menu-tutorial.html|Dark Menu: Pure CSS3 Two Level Menu]]
  * [[http://tympanus.net/codrops/2013/07/30/google-nexus-website-menu/|Google Nexus Website Menu]]
  * [[http://tympanus.net/Tutorials/CircularNavigation/|Circular Navigation]]
  * [[http://tympanus.net/codrops/2013/08/13/multi-level-push-menu/|Multi-Level Push Menu]]
  * [[http://tympanus.net/codrops/2013/04/25/simple-youtube-menu-effect/|Simple YouTube Menu Effect]]
  * [[http://www.berriart.com/sidr/|Sidr]]
  * [[https://github.com/jakiestfu/Snap.js|Snap.js]]
  * [[http://tympanus.net/codrops/2014/09/16/off-canvas-menu-effects/|Off-Canvas Menu Effects]]
===Navigation===
  * [[http://css-tricks.com/pointer-events-current-nav/|Pointer Events & Disabling Current Page Links]]
  * [[http://responsive-nav.com/|Responsive Nav]]
  * [[http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/|Grid Navigation Effects with jQuery																	]]
  * [[https://github.com/valdelama/responav|RespoNav]]
  * [[http://tympanus.net/codrops/2013/12/18/perspective-page-view-navigation/|Perspective Page View Navigation]]
  * [[http://sarasoueidan.com/blog/building-a-circular-navigation-with-svg/|Building a Circular Navigation with CSS Transforms SVG]]
  * [[https://github.com/VPenkov/okayNav|okayNav jQuery Plugin]]
===Pagination===
  * [[http://lab.hakim.se/flexing-pagination/|Flexing pagination arrows]]
  * [[http://tympanus.net/codrops/2014/01/21/dot-navigation-styles/|Dot Navigation Styles]]
===Search===
  * [[http://tympanus.net/codrops/2013/06/26/expanding-search-bar-deconstructed/|Expanding Search Bar Deconstructed]]
===Scroll===
  * [[http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/|Smooth Vertical or Horizontal Page Scrolling with jQuery]]
  * [[http://tympanus.net/codrops/2011/12/05/lateral-on-scroll-sliding-with-jquery/|Lateral On-Scroll Sliding with jQuery]]
====Modal====
  * [[http://drublic.github.io/css-modal/|CSS Modal]]
  * [[http://tympanus.net/codrops/2013/11/07/css-overlay-techniques/|CSS Overlay Techniques]]
  * [[https://github.com/mamod/moaModal|Moa Modal]]
  * [[http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/|Nifty Modal Window Effects]]
  * [[http://tristanedwards.me/sweetalert|SweetAlert]]
  * [[http://tympanus.net/codrops/2014/12/08/inspiration-dialog-effects/|Inspiration for Dialog Effects]]
  * [[http://tympanus.net/codrops/2014/05/12/morphing-buttons-concept/|Morphing Buttons Concept]]
==jQuery==
  * [[https://github.com/kylefox/jquery-modal|jQuery Modal]]
  * [[http://defunkt.io/facebox/|Facebox]]
====Button====
  * [[http://stopdesign.com/eg/buttons/3.0/code.html|Custom 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://css-tricks.com/3d-button-parallax/|3D Button Parallax]]
  * [[http://csswizardry.com/beautons/|beautons]]
  * [[http://tympanus.net/codrops/2013/05/30/simple-icon-hover-effects/|Simple Icon Hover Effects]]
  * [[http://ianlunn.github.io/Hover/|Hover.css]]
  * [[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]]
  * [[https://github.com/adamstac/zocial|Zocial]]
  * [[http://alexwolfe.github.io/Buttons/|Buttons]]
  * [[https://github.com/nashvail/Quttons|Quttons]]
====Link====
  * [[http://tympanus.net/codrops/2013/08/06/creative-link-effects/|Creative Link Effects]]
  * [[http://tympanus.net/codrops/2014/06/04/inspiration-for-inline-anchor-styles/|Inspiration for Inline Anchor Styles]]
====Switch====
  * [[http://www.larentis.eu/switch/|Bootstrap switch]]
  * [[http://codepen.io/billycrist/details/CHmiE|Switches]]
  * [[http://abpetkov.github.io/switchery/|Switchery]]
  * [[http://proto.io/freebies/onoff/|On/Off Flipswitch HTML5/CSS3 Generator]]
====Dropdown====
  * [[http://soulwire.github.io/Makisu/|Makisu]]
====Range====
  * [[http://danielstern.ca/range.css/|range.css]]
====Spinner====
  * [[http://tobiasahlin.com/spinkit/|SpinKit]]
  * [[http://loading.io/|loading.io]]
  * [[http://viduthalai1947.github.io/loaderskit/|Loaders Kit]]
  * [[http://codepen.io/Zeneraith/pen/bdEmA|Such Spinners, Much Loading]]
  * [[http://projects.lukehaas.me/css-loaders/|Single Element CSS 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://uiball.com/loaders|Loaders]]
====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]]
  * [[https://adamsilver.io/articles/the-problem-with-snackbars-and-what-to-use-instead/|The problem with snackbars and what to use instead]]
====Tooltip====
  * [[http://tympanus.net/codrops/2014/10/07/tooltip-styles-inspiration/|Tooltip Styles Inspiration]]
====Upload====
  * [[http://markusslima.github.io/bootstrap-filestyle/|Bootstrap FileStyle]]
==== Tree ====
  * [[https://github.com/brimdata/react-arborist|React Arborist]]
=====Layout=====
====Grid====
  * [[http://tympanus.net/codrops/2013/06/19/dynamic-grid-with-transitions/|Dynamic Grid with Transitions]]
  * [[http://tympanus.net/codrops/2013/07/02/loading-effects-for-grid-items-with-css-animations/|Loading Effects for Grid Items with CSS Animations]]
  * [[http://tympanus.net/codrops/2014/03/27/3d-grid-effect/|3D Grid Effect]]
  * [[http://tympanus.net/codrops/2014/05/15/recreating-the-design-samsung-grid-loading-effect/|Recreating the “Design Samsung” Grid Loading Effect]]
  * [[http://tympanus.net/codrops/2014/11/11/drag-and-drop-interaction-ideas/|Drag and Drop Interaction Ideas]]
===== Slider =====
  * [[http://cssslider.com/|cssSlider]]
  * [[http://tympanus.net/codrops/2014/10/24/wobbly-slideshow-effect/|Wobbly Slideshow Effect]]
  * [[http://tympanus.net/codrops/2011/01/03/parallax-slider/|Parallax Slider with jQuery]]
  * [[http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/|Create Featured Content Slider Using jQuery UI]]
  * [[http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/|Parallax Content Slider with CSS3 and jQuery]]
  * [[http://tympanus.net/codrops/2012/04/30/fluid-css3-slideshow-with-parallax-effect/|Fluid CSS3 Slideshow with Parallax Effect]]
  * [[http://tympanus.net/codrops/2014/03/13/tilted-content-slideshow/|Tilted Content Slideshow]]
  * [[http://tympanus.net/codrops/2014/03/18/inspiration-for-item-transitions/|Inspiration for Item Transitions]]
  * [[http://tympanus.net/codrops/2014/06/26/draggable-dual-view-slideshow/|Draggable Dual-View Slideshow]]
  * [[http://tympanus.net/codrops/2014/11/21/perspective-mockup-slideshow/|Perspective Mockup Slideshow]]
  * [[http://tympanus.net/codrops/2013/09/05/sliding-horizontal-layout/|Sliding Horizontal Layout]]
==== Carousel ====
  * [[https://pawelgrzybek.github.io/siema/|Siema]]
  * [[https://www.embla-carousel.com/|Embla Carousel]]
=====Table=====
  * [[https://tanstack.com/table/|TanStack Table]]
  * [[http://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/|Sticky Table Headers & Columns]]
=====Form=====
  * [[http://www.alistapart.com/articles/expanding-text-areas-made-elegant/|Expanding Text Areas Made Elegant]]
  * [[http://net.tutsplus.com/tutorials/html-css-techniques/build-a-neat-html5-powered-contact-form/|Build a Neat HTML5 Powered Contact Form]]
  * [[http://tympanus.net/codrops/2013/05/21/natural-language-form-with-custom-input-elements/|Natural Language Form with Custom Input Elements]]
  * [[http://tympanus.net/codrops/2014/07/30/fullscreen-form-interface/|Fullscreen Form Interface]]
====Input====
  * [[https://imask.js.org/|imask]]
  * [[http://tympanus.net/codrops/2014/11/04/simple-morphing-search/|Simple Morphing Search]]
====Checkbox====
  * [[http://fronteed.com/iCheck/|iCheck]]
  * [[http://tutorialzine.com/2011/03/better-check-boxes-jquery-css/|Better Check Boxes with jQuery and CSS]]
  * [[http://tympanus.net/codrops/2013/10/15/animated-checkboxes-and-radio-buttons-with-svg/|Animated Checkboxes and Radio Buttons with SVG]]
====Select====
  * [[http://tympanus.net/codrops/2013/10/29/multi-item-selection/|Multi-Item Selection]]
  * [[http://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/|Inspiration for Custom Select Elements ]]
====Label====
  * [[http://bradfrostweb.com/blog/post/float-label-pattern/|Float Label Pattern]]
  * [[https://css-tricks.com/float-labels-css/|Float Labels with CSS]]
====Submit====
  * [[http://lab.hakim.se/ladda/|Ladda]]
  * [[http://tympanus.net/codrops/2014/04/09/how-to-create-a-circular-progress-button/|How to Create a Circular Progress Button]]
=====Text=====
  * [[http://tympanus.net/codrops/2011/05/09/sliding-letters-with-jquery/|Sliding Letters with jQuery]]
  * [[http://tympanus.net/codrops/2013/11/14/animated-opening-type/|Animated Opening Type]]
  * [[http://tympanus.net/codrops/2013/12/02/techniques-for-creating-textured-text/|Techniques for Creating Textured Text]]
=====Image=====
  * [[http://webdesignerwall.com/tutorials/html5-grayscale-image-hover|HTML5 Grayscale Image Hover]]
  * [[http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/|Ideas for Subtle Hover Effects]]
  * [[http://tympanus.net/codrops/2012/01/04/thumbnail-proximity-effect/|Thumbnail Proximity Effect with jQuery and CSS3]]
  * [[http://tympanus.net/codrops/2013/06/18/caption-hover-effects/|Caption Hover Effects]]
  * [[http://zurb.com/playground/image-blur-texture|Image Blur Texture]]
  * [[http://tympanus.net/codrops/2014/10/28/some-more-subtle-hover-effect-ideas/|Some More Subtle Hover Effect Ideas]]
====Gallery====
  * [[http://tympanus.net/codrops/2012/02/06/3d-gallery-with-css3-and-jquery/|3D Gallery with CSS3 and jQuery]]
  * [[http://tympanus.net/codrops/2011/05/25/image-wall/|Image Wall with jQuery]]
  * [[http://jqueryfordesigners.com/slider-gallery/|Slider Gallery]]
  * [[http://www.wackylabs.net/2012/03/flickr-justified-layout-in-jquery/|Flickr ‘Justified’ Layout in JQuery]]
  * [[http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/|Direction-Aware Hover Effect with CSS3 and jQuery]]
  * [[http://tympanus.net/codrops/2014/01/28/scattered-polaroids-gallery/|Scattered Polaroids Gallery]]
====Thumbnail====
  * [[http://lab.hakim.se/kort/|Kort]]
  * [[http://tympanus.net/codrops/2013/10/23/animations-for-thumbnail-grids/|Animations for Thumbnail Grids]]
====Figure====
  * [[http://tympanus.net/codrops/2014/03/05/simple-stack-effects/|Simple Stack Effects]]