screenshot-to-code
superset
screenshot-to-code | superset | |
---|---|---|
17 | 138 | |
50,593 | 59,071 | |
- | 1.9% | |
9.7 | 9.9 | |
2 days ago | 5 days ago | |
Python | TypeScript | |
MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
screenshot-to-code
- Screenshot to Code
-
Show HN: Turn a recording of an app into a functional prototype with Claude Opus
Thanks!
There's a dropdown where you can choose a stack for screenshots (Tailwind, React, Vue, etc.). I haven't updated the prompts for the video feature just yet. You can tweak the prompt yourself here: https://github.com/abi/screenshot-to-code/blob/6069c2a118592...
The quality of the output code is solid, I think. You can see the code for the examples: https://codepen.io/abi/pen/ExJPdop and https://codepen.io/abi/pen/jORWeYB
I think the biggest thing LLM code is typically missing is better abstractions/componentization. You could probably prompt around some of that.
- Evaluating Claude 3 for Converting Screenshots to Code
-
You Don't Need React
You can use GPT-V to create functional components from images directly:
There was an open source project (https://github.com/abi/screenshot-to-code) that I borrowed the prompt from and made a custom GPT for myself where I just drag and drop the image. It’s not perfect but it’s pretty great overall!
Here are the prompts:
-
Convert a screenshot to a working Flutter app
PS: I got the idea from tldraw/make-real and abi/screenshot-to-code projects. So all credit to them 🙌
-
Get Ready to Rock Web Development: Screenshot to Code with GPT-4V!
Screenshot to Code GitHub Repo: https://github.com/abi/screenshot-to-code
- Has anyone came up with a way to create images from your own photos?
- FLaNK Stack Weekly for 20 Nov 2023
- GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean HTML/Tailwind/JS code
superset
-
Apache Superset
Superset is absolutely phenomenal. I really hope Microsoft eventually releases all of their customizations they made to it internally to the OS community someday.
https://www.youtube.com/watch?v=RY0SSvSUkMA
https://github.com/apache/superset/discussions/20094
-
A modern data stack for startups
I recently ran a little shootout between Superset, Metabase, and Lightdash. All have nontrivial weaknesses but I ended up picking Lightdash.
Superset the best of them at _data visualization_ but I honestly found it almost useless for self-serve _BI_ by business users. This issue on how to do joins in Superset (with stalebot making a mess XD) is everything difficult about Superset for BI in a nutshell. https://github.com/apache/superset/issues/8645
Metabase is pretty great and it's definitely the right choice for a startup looking to get low cost BI set up. It still has a very table centric view, but feels built for _BI_ rather than visualization alone.
Lightdash has significant warts (YAML, pivoting being done in the frontend, no symmetric aggregates) but the Looker inspiration is obvious and it makes it easy to present _groups of tables_ to business users ready to rock. I liked Looker before Google acquired it. My business users are comfortable with star and snowflake schemas (not that they know those words) and it was easy to drop Lightdash on top of our existing data warehouse.
- FLaNK Stack Weekly for 20 Nov 2023
- Hiding tokens retrieved via API from the html source?
-
Yandex open sourced it's BI tool DataLens
Or like not being able to delete a user without running some SQL:
https://github.com/apache/superset/issues/13345
Almostl instantly run into this issue setting up a test instance of Superset. And the issue has been around for years.
- Apache Superset Is a Data Visualization and Data Exploration Platform
-
Apache Superset: Installing locally is easy using the makefile
Are you interested in trying out Superset, but you're intimidated by the local setup process? Worry not! Superset needs some initial setup to install locally, but I've got a streamlined way to get started - using the makefile! This file contains a set of scripts to simplify the setup process.
-
More public SQL-queryable databases?
Recently I discovered BigQuery public datasets - just over 200 datasets available for directly querying via SQL. I think this is a great thing! I can connect these direct to an analytics platform (we use Apache Superset which uses Python SQLAlchemy under the hood) for example and just start dashboarding.
-
How useful is SQL for managers?
if they don't want to pay for powerbi, can try something like https://superset.apache.org/
-
Real-time data analytics with Apache Superset, Redpanda, and RisingWave
In today's fast-paced data-driven world, organizations must analyze data in real-time to make timely and informed decisions. Real-time data analytics enables businesses to gain valuable insights, respond to real-time events, and stay ahead of the competition. Also, the analytics engine must be capable of running analytical queries and returning results in real-time. In this article, we will explore how you can build a real-time data analytics solution using the open-source tools Redpanda a distributed streaming platform, Apache Superset, a data visualization, and a business intelligence platform, combined with RisingWave a streaming database.
What are some alternatives?
Scada-LTS - Scada-LTS is an Open Source, web-based, multi-platform solution for building your own SCADA (Supervisory Control and Data Acquisition) system.
streamlit - Streamlit — A faster way to build and share data apps.
awesome-public-real-time-datasets - A list of publicly available datasets with real-time data maintained by the team at bytewax.io
jupyter-dash - OBSOLETE - Dash v2.11+ has Jupyter support built in!
CoC2023 - Community over Code, Apache NiFi, Apache Kafka, Apache Flink, Python, GTFS, Transit, Open Source, Open Data
Apache Hive - Apache Hive
make-real - Draw a ui and make it real
lightdash - Self-serve BI to 10x your data team ⚡️
TinyLlama - The TinyLlama project is an open endeavor to pretrain a 1.1B Llama model on 3 trillion tokens.
Metabase - The simplest, fastest way to get business intelligence and analytics to everyone in your company :yum:
StyleTTS2 - StyleTTS 2: Towards Human-Level Text-to-Speech through Style Diffusion and Adversarial Training with Large Speech Language Models
django-project-template - The Django project template I use, for installation with django-admin.