Alternatives
Products that do what Awwation, a Prezi Clone written with HTML, SVG and Js. does
http://adityab.github.com/Awwation/ INFO: In firefox, when you generate a presentation, the file is saved as a .part file for some unknown reason. Just rename it to .svg and it plays alright. This works fine in Chrome. Some notes: 1. I hacked this up as a holiday project. I think using SVG for presenting is a good idea because transforming, zooming, etc is apparently 'harder' or 'unnatural' in pure HTML, from an editor's perspective. 2. Upon clicking 'generate', the editor returns an array of frame ID's in the presentation sequence - since this is, in theory, all the information required to…
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9MW
2019 · subdued-health.surge.sh
- 10
- 11RJ
2015 · runemadsen.github.io
- 12ET
We built a browser extension (Chrome + Firefox) that captures the runtime DOM and exports it as JSON. Not the pre-render source (HTML/CSS/JS, templates, bundles) and not a screenshot — but the live, post-render state the browser is actually displaying: - visibility/hidden, disabled/required - current input values and validation/validationMessage - dataset attributes - trimmed text - stable selector paths Why: LLMs often miss or guess UI state. Screenshots are too opaque, pre-render source is too noisy. A structured snapshot gives reproducible context for debugging…
2025
- 13
- 14AT
2020 · svgviewer.dev
- 15AC
just wanted to share this useful tool with you. I have been looking at something like this for a very long time. https://chrome.google.com/webstore/detail/css-used/cdopjfddj... what it does: it analyses your html dom and looks for css classes. Then it extracts it all and combines it into 1 single css file. I used 5 css framworks which was on 340kb kb. This tool made it 36kb!
2018
- 16IM
Recently I'm working on CopyUI which is an extension to copy UI element from websites and export html(or jsx) and css(or tailwind). I'm building this tool in order to create better landing pages because I'm really not good at layout and colors. So I hope to learn from others' design and innovate later, not to simply replicate.
2025 · copyui.online
- 17ME
2019 · github.com
- 18HC
2016 · github.com
- 19SH
2024 · componentwizard.staticninja.site
- 20GS
Hey HN! I was tired of wasting time making my apps prettier, so I created this little tool. Using the Tailwind CSS library, the generator takes the code you paste in and creates the HTML code for the page structure. It's a simple tool, but it could be a helpful time-saver for people who don't want to spend the time manually coding in the HTML. Let me know what you think and feel free to offer any suggestions.
2023 · skeletongenerator.com
- 21
4 dev tools in one Chrome popup. JSON, Regex, Base64, Color.
Jul 2026 · chromewebstore.google.com
- 22EA
2015 · markup.rocks
- 23IM
This is a small TailwindCSS alternative based on a css template literal. I was inspired by styled-components and EmotionCSS, which however do not work well with ViteJS and specifically Preact. This provides a better experience than Tailwind, as you can use all CSS language features without learning new conventions while maintaining a per-component styling approach. This also turns out to be more inspectable in the browser's dev-tools, as snippets are extracted as-is and are not fragmented across thousands of small classes. I wanted something more optimized than other CSS-in-JS alternatives…
Jan 2026 · github.com
- 24CE
Hi there. I spent the last couple months building this chrome extension to scratch my own itch. It allows you to extract a snippet of HTML along with its styles and export to inline styles or JSX. It’s not perfect and doesn’t work on every site. There is class support but I am still working on it along with some other cool features. Feedback is appreciated.
2022 · chrome.google.com
Ranked by how close each launch is in meaning, then by votes. Refine with a description →