One line of code is all that's required to add an interactive 3D background or widgets to your site.
Example only
<script src="https://snippet.plinth.digital/n3x4mP130n1y.js" type="module"></script>Our 3D visuals can be controlled using only HTML tag attributes or simple JS function calls.
Transition smoothly between visuals to match the page or section.
HTML
<section data-pd-show="plinth @ background"> <!-- content -->
</section> JS
const stage = Plinthos.displays.background;
stage.show("plinth"); Adapt the visuals to your page layouts by adjusting the framing and zoom levels.
Tag attributes are read at runtime so they can be modified in code to ensure your pages maintain responsiveness.
HTML
<section data-pd-show="plinth @ background"
> <!-- content --></section>JS
const stage = Plinthos.displays.background;
stage.show("plinth", { }); Customise colours, movement and composition on the fly. This is particularly useful for creating seasonal or event-specific themes.
HTML
<section data-pd-show="plinth @ background"
> <!-- content --></section>JS
const stage = Plinthos.displays.background;
stage.show("plinth", { }); For more advanced customisation, you can build new shots using the Plinthos Studio.
Maintain brand consistency with video exports for social media and create dynamic digital signage displays using our suite of online tools.
Whether you're using a website builder, frontend framework, or something completely bespoke, Plinthos is ready to integrate with your website.
Drop your Plinthos snippet into your website builder to instantly add 3D backgrounds to your pages.
Works with:
WordpressSquarespaceWixShopifyand more.
Plinthos offers a wide range of functions and events that make it easy to embed into, and control with all modern frameworks.
Works with:
ReactVueAngularand more.
Plinthos offers the full power of 3D with an initial download of less than 2mb and a load time of under 1.5 seconds.
Plinthos loads alongside your page content ensuring that your user experience and SEO are not compromised at all.
Show users that you value their limited time and attention by eliminating tedious design practices like loading screens and scroll-jacking. With our suite of in-built, flexible, speed-boosting systems you can leverage the power of WebGL without compromise.
Give your developers the enhanced power of WebGL without the need for any skills beyond the basics of HTML and JS.
Leverage 3D graphics for marketing is easy with Plinthos Studio. Our intuitive interface makes adjusting and exporting content to video fast and simple.
Let's have a conversation about how Plinthos can serve you and your brand.