User Interface

Plugins about layout, design and visualization.


PhotoSwipe

Beautiful and very powerful image gallery plugin. A bit on the larger side concerning code base.

Flickity

A slider-type, touch enabled, responsive, and feature rich image gallery plugin. Unfortunately, a very large code base. Free for non-commercial use.

Slider

A simple, responsive, touch-enabled image slider plugin. No active development, but working nonetheless.

Ideal Image Slider

An image slider plugin which has just the right amount of features, with no bloat and be easy to extend so that more features can be added when needed.

SyntaxHighlighter

A powerful code syntax highlighter with very beautiful styles and manifold options. However, rather large in size. Used by Apache, Mozilla, Yahoo and others.

Prism

Prism is a lightweight, extensible syntax highlighter, working in all modern browsers (IE 9+). It’s a spin-off from Dabblet and is used in production there.

highlight.js

Syntax highlighting auto-detecting 118 languages, multi-language code highlighting. A bit on the large side for a code highlighter.

flexImages

A lightweight vanilla JavaScript plugin for creating fluid galleries as seen on Flickr and Google Images.

Code Prettify

Reliable syntax highlighter by Google - used on Stack Overflow.

Modal Plugin

A flexible and lightweight modal box based on CSS, thus responsive and animated. In fast more a tutorial than an official plugin, yet quite handy.

floatingLabel.js

Display form labels in an unobtrusive and elegant way.

Vanilla Modal

A flexible, CSS-powered modal window for images, videos and HTML. Lots of options and actively developed.

Highcharts

A charting library offering an easy way of adding interactive and sophisticated charts to your application. Line charts, pies, scatters and lots more.

Chart.js

Simple, clean and engaging charts for designers and developers. Multiple chart types, flexible customization, beautifully animated.

TinyMCE WYSIWYG Editor

A sophisticated HTML WYSIWYG editor control with manifold customization options, skins, and plugins.

Rainbow Syntax Highlighter

Rainbow is a very lightweight and powerful source code syntax highlighting library supporting 19 languages by default. It's used here on plainJS.

baguetteBox.js Lightbox

A beautiful and responsive lightbox for image galleries.

Linkify

Turn URLs in plain text into link tags.

... 1234 ...