Introducing Droplet

A CSS and JavaScript driven info browser for your website.

This is Droplet in action!

Droplet is a web plugin which helps you present information in small parts to allow readers explore and find their path.

Droplet consists of a navigation bar at the top and content area below.

We have built Droplet with CSS animations, a bunch of CSS variables, and such JavaScript features as progress bar, network requests, and request abortion system to make it robust and worthwhile.

To understand Droplet is to experience it.

So, let's get started!

Showcase & Application

Customization

This droplet is rather different from the main above, however all it took to build this was a few CSS variable changes and tweaked JavaScript options.

The overall styling was amended using such CSS variables as --bg-color, --fg-color, --bar-height and others, but the main tweak is the look and function of the menu bar at the top.

We are using data attribute data-show-menu-bar="navigation" which is different from breadcrumb navigation.

Let's find out how

What's New

Droplet

Hello! Our drone products are constantly evolving. We have changed a few things recently based on our customer feedback.

See what's changed!

Droplet Plus Theme

Unlock the special Droplet Plus theme. Donate ANY amount below, and we will send you a copy right away as a thank you gift.

A video preview of the Droplet Plus theme.

Learn More

We have prepared a dedicated documentation page for those of you who want to find out more.

Download, Support & Thank You!

Droplet package comes in 2 flavours: as a regular website plugin or as a web component. Please read more about web components, if you haven't come across this technology suite in the past.

Release v1.0.0

Droplet package download options.