catalog
design-ops-hackpack
| catalog | design-ops-hackpack | |
|---|---|---|
| 22 | 1 | |
| 1,434 | 2 | |
| 0.1% | - | |
| 8.2 | 10.0 | |
| about 1 month ago | over 1 year ago | |
| TypeScript | ||
| MIT License | - |
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.
catalog
- Mirrorful – free and open-source React component library
-
Lot of discussions about setlists this tour, but at 63 songs across 10 concerts so far, I think... baby, we'll be fine.
If you're at all into open-source, the code for this script is here on Github. Feel free to give it a star or make contributions. I want to improve it, but my full-time job is managing another open-source project.
-
Css 500 different hex colors
You should checkout this tool Mirrorful that solves this exact problem! Disclaimer: I’m one of the cofounders - feel free to DM me!
- Mirrorful - a simple, open-source design system framework. Install Mirrorful to generate colors and other design tokens for your project. Then, import these tokens directly into your app
-
Show HN: Mirrorful – A developer-first way to implement designs faster
The files that we currently export have CSS variables that once imported, can be used anywhere in your app! With this set up, instead of needing to reference arbitrary hex colors throughout your CSS, you now have a code-based source of truth for your colors and design tokens.
For existing apps, there is definitely a bit of a migration process, appreciate that callout! The good news is that its a migration that can happen over time, as using Mirrorful isn't dependent on your whole codebase being consistent on day 1. We're also looking to leverage AI to do auto-migrations!
We currently don't have a direct integration with Bootstrap, but we definitely work with Bootstrap! I just created a Github Issue for us to create an example to show how you can use Mirrorful with Bootstrap: https://github.com/Mirrorful/mirrorful/issues/260
-
Comments on this TikTok talking about how web dev is not "software engineering"?!
Here's the link to the TikTok to see the comments: https://www.tiktok.com/t/ZTRvbM76p/ He talks about value of design systems tooling, was talking about this: https://github.com/Mirrorful/mirrorful I thought it was interesting how one of the comments calls out web dev
-
I built a platform that generates CSS variables for your theme!
This project is also open-source, check out the Github here! It's super early so would love to hear any thoughts or feedback to help shape what to build next!
We’re also open-source, check out our Github here!
design-ops-hackpack
-
I'm building an open-source platform to manage design templates directly in code, making it easy to create the building blocks of your app!
If you want an explanation of design systems I recommend this design ops hack pack https://github.com/jcklpe/design-ops-hackpack
What are some alternatives?
ontime - Free, open-source time keeping for live events
deno - A modern runtime for JavaScript and TypeScript.
theme-ui - Build consistent, themeable React apps based on constraint-based design principles
bun - Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one
librephotos-frontend - A self-hosted open source photo management service. This is the repository of the frontend.