Embed
Product chrome
Drop the sky into a product surface. Scrub time inside the frame.
Studio
Embedded sky
06:00 PMSky time
A living atmosphere for the web. Scrub the day. Ship it in one script.
One library. Multiple ways to use.
Drop the sky into a product surface. Scrub time inside the frame.
Locations stay pinned. One scrub moves time across all four skies.
Time stays pinned. Change the place and the atmosphere follows.
One script from jsDelivr. Two containers. The sky handles the rest.
<script src="https://cdn.jsdelivr.net/gh/aakaashjois/dynamic-sky@main/dynamic-sky.js"></script>
<div id="background-sky"></div>
<div id="stars-container"></div>
<script>
const sky = new DynamicSky();
sky.init();
</script>Reference
Short patterns for containers, time, location, and live clocks.
const sky = new DynamicSky({
skyContainer: '#my-sky',
starsContainer: '#my-stars',
latitude: 40.7128,
longitude: -74.0060
});
sky.init();const sky = new DynamicSky();
sky.init().then(() => {
sky.updateSky(sky.minutesToDate(720));
});const sky = new DynamicSky();
sky.init().then(() => {
sky.setLocation(35.6762, 139.6503);
sky.updateSky(new Date());
});const sky = new DynamicSky();
sky.init().then(() => {
const tick = () => sky.updateSky(new Date());
tick();
setInterval(tick, 60000);
});