synth-android
glitter
synth-android | glitter | |
---|---|---|
4 | 2 | |
996 | 3 | |
0.0% | - | |
0.0 | 9.7 | |
about 3 years ago | about 1 month ago | |
Kotlin | TypeScript | |
Apache License 2.0 | GNU General Public License v3.0 only |
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.
synth-android
-
Show HN: Dropflow, a CSS layout engine for node or <canvas>
CRED had it in their app for a while, their library is open source
https://github.com/CRED-CLUB/synth-android
-
Anyone knows a good neumorphism type UI library in Android Kotlin I could use for inspiration or just use outright in the app.
There's https://github.com/CRED-CLUB/synth-android
- Any Idea how to achieve this stacking behaviour, this is not bottom sheet dialog
- We at CRED have launched our first open-source library: Synth - the UI Kit that powers our neumorphic design. Feedback and contributions are much appreciated!
glitter
-
Show HN: Dropflow, a CSS layout engine for node or <canvas>
I've used satori [0] on the backend with TypeScript/Deno to render JSX as an SVG (which is then rendered to a PNG).
Satori is meant for rendering Open Graph images (e.g. the little images that come up when you post a link on Twitter/Slack/Facebook), but I found that it works well for rendering arbitrary images. It supports a subset of modern CSS, including flexbox.
My use case is posting match reports for League of Legends into a Discord text channel, e.g. person X just played a match, here are their stats.
It's quite nice because there are almost zero server-side native dependencies (the one exception is the library to convert svg -> png requires some native libraries).
Here's what a match report looks like: [1]
Here's an example of what the JSX looks like: [2]
[0]: https://github.com/vercel/satori
[1]: https://github.com/shepherdjerred/glitter/blob/main/assets/p...
[2]: https://github.com/shepherdjerred/glitter/blob/main/packages...
-
Learn SVG with 25 examples – How to code images in HTML
Another way is to write HTML/CSS and use satori [0] to convert that to SVG. It's meant for Open Graph images (the images that show up when you link a site in Discord, Slack, Twitter, etc.), but it works quite well for anything.
This is obviously not as flexible as true SVG, but it is familiar to author for anyone who's written a React application. I've used it on the backend to generate match reports for League of Legends [1]
[0]: https://github.com/vercel/satori
[1]: https://github.com/shepherdjerred/glitter-boys
What are some alternatives?
neumorphism - Try to Neumorphism in Android (Just experimental!! 🧪)
Frappe Charts - Simple, responsive, modern SVG Charts with zero dependencies
Alerter - An Android Alerting Library
html5spec - The WHATWG HTML5 spec as machine-readable JSON
Spotlight - Android Library that lights items for tutorials or walk-throughs etc...
neumorphism-ui-bootstrap - Neumorphism inspired UI Kit: web components, sections and pages in neumorphic style built with Bootstrap CSS Framework
Aesthetic Dialogs for Android 📱 - 📱 An Android Library for 💫fluid, 😍beautiful, 🎨custom Dialogs.
rfcs - web-platform-tests RFCs
yoga - Yoga is an embeddable layout engine targeting web standards.
wpt - Test suites for Web platform specs — including WHATWG, W3C, and others
sciter - Sciter: the Embeddable HTML/CSS/JS engine for modern UI development