Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/romannurik/LayerVisualizer

A simple web-based 3D layer visualizer (useful for visualizing material UIs and other things involving depth/shadows)
https://github.com/romannurik/LayerVisualizer

Last synced: 5 days ago
JSON representation

A simple web-based 3D layer visualizer (useful for visualizing material UIs and other things involving depth/shadows)

Host: GitHub
URL: https://github.com/romannurik/LayerVisualizer
Owner: romannurik
License: apache-2.0
Created: 2015-09-08T05:15:53.000Z (about 9 years ago)
Default Branch: master
Last Pushed: 2017-06-18T02:45:09.000Z (over 7 years ago)
Last Synced: 2024-10-15T11:23:44.770Z (24 days ago)
Language: HTML
Size: 4.11 MB
Stars: 1,362
Watchers: 54
Forks: 92
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-starred - romannurik/LayerVisualizer - A simple web-based 3D layer visualizer (useful for visualizing material UIs and other things involving depth/shadows) (others)

README

        [![No Maintenance Intended](http://unmaintained.tech/badge.svg)](http://unmaintained.tech/)

# Layer Visualizer

A simple web-based 3D layer visualizer (useful for visualizing material UIs and other things involving depth/shadows)

![Layer Visualizer Examples](https://raw.githubusercontent.com/romannurik/LayerVisualizer/master/examples.gif)

Check the [example code](https://github.com/romannurik/LayerVisualizer/blob/master/examples.html) ([live demo](https://cdn.rawgit.com/romannurik/LayerVisualizer/d3691d20005ba8a86494a1419d5187f5edf8af0d/examples.html)) or [template code](https://github.com/romannurik/LayerVisualizer/blob/master/template.html) ([live demo](https://cdn.rawgit.com/romannurik/LayerVisualizer/d3691d20005ba8a86494a1419d5187f5edf8af0d/template.html)) to get started.

## Tree Visualizer

Also included is a layout XML tree visualizer, useful for teaching layouts.

![Tree Visualizer Examples](https://raw.githubusercontent.com/romannurik/LayerVisualizer/master/treevis/treevis-example.gif)

Check the [example code](https://github.com/romannurik/LayerVisualizer/blob/master/treevis/example1.html) ([live demo](https://cdn.rawgit.com/romannurik/LayerVisualizer/d3691d20005ba8a86494a1419d5187f5edf8af0d/treevis/example1.html)) or [template code](https://github.com/romannurik/LayerVisualizer/blob/master/treevis/template.html) ([live demo](https://cdn.rawgit.com/romannurik/LayerVisualizer/d3691d20005ba8a86494a1419d5187f5edf8af0d/treevis/template.html)) to get started.