GRID

Plinthos Demonstration

About this demo

This is an extremely basic HTML page using Bootstrap for responsive layout and Prism for syntax highlighting in the code sections.

Plinthos content like the background can be added to nearly any site* via a single line code snippet**.

<script src="https://snippet.plinth.digital/n3x4mP130n1y.js" type="module"></script>

* This includes sites made with raw html, website builders (Wordpress, Squarespace, Wix, etc), or frontend frameworks (React, Vue, Angular etc).

** The above snippet is an example only.

Control Content

Use data attributes in your element tags to change aspects of the shot (e.g., colors and framing) when that element is on screen.

<section data-pd-show="grid @ background"
    data-pd-grid-color="#6af"
    >
    <!-- content -->
</section>

Interactive

Content reacts to user device tilt or mouse movement.

Next Steps

Find out more or get in touch for more information / commissions.