Tilted

Zero-dependency TS library for displaying content like maps in a modern 2.5D way

GitHub | npm

Overview and highlights

• Make your content tilted by default or depending on how close you look at it.
• Angle the surface and the things you've put at it towards each other, creating 2.5D visuals.
• Smooth scaling with the content gliding towards the cursor, animated with pure JS/TS.
• Dragging functionality with limits so the content doesn't move off screen.
• Works with anything, all visual modifications are done through CSS transform.
• Ability to customize how it looks and works through configuration system.

Live demo

• World Map – HTML + images, an example of how you could use the library in practice
• Tile Map – HTML game map with some overly colorful elements to illustrate the features
• Pointy Odd Hexagon Map with Elemap – my other library made for generating maps