A good web experience is fast and frictionless. No compromises.
Plinthos offers the full power of 3D with an initial download of less than 0.5MB.
Plinthos loads alongside your page content ensuring that your user experience and SEO are not compromised at all.
With an initial payload of less than 0.5MB, load times of under 1.5 seconds eliminate any need for loading screens.
Our smart asset loading system makes sure your page is only loading what your users are actually going to see.
This ensures a smooth experience without loading screens.
Integration and user experience challenges solved out-of-the-box.
We believe in the importance of a well-structured document layer for usability, accessibility and SEO.
Plinthos is built to compliment the document layer - not replace it.
We believe that scroll-jacking or slowing down the user in service of animations is a frustrating user experience.
Plinthos uses a shot-based content system that keeps up with your users and their navigation patterns.
We're devs too - we've got you :)
Reorder, restructure, remove or replace your page content and Plinthos will adapt its framing, transitions and pre-loading priorities seamlessly.
Plinthos includes a robust JS API complete with an extensive Event system to give you even more control when synchronising DOM and Plinthos content.
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.
<section data-pd-show="plinth @ background"> <!-- content -->
</section> Note: This is an example Kit with example content.
All Kits are tailored to the client's needs and content varies according to the project.
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.
<section data-pd-show="plinth @ background"
> <!-- content --></section>Note: This is an example Kit with example config variables.
All Kits are tailored to the client's needs and config variables vary according to the content.
Customise colours, movement and composition on the fly. This is particularly useful for creating seasonal or event-specific themes.
<section data-pd-show="plinth @ background"
> <!-- content --></section>Note: This is an example Kit with example config variables.
All Kits are tailored to the client's needs and config variables vary according to the content.
For more advanced customisation, you can build new shots using the Plinthos Studio.
Let's have a conversation about how Plinthos can serve you and your brand.