meta-system
html-figma
meta-system | html-figma | |
---|---|---|
20 | 8 | |
114 | 2,958 | |
0.0% | 1.4% | |
8.1 | 3.8 | |
9 days ago | 10 days ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 only | 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.
meta-system
-
Building a Modular Ecosystem for Code Reusability
Oh, There's the Documentation so you can get started on using Meta-System, and on how to develop your own Addons. And of course, there's the repo as well. :)
-
Free nocode open source
discord link documentation
-
I spent the last 10 months trusting Vite too much.
So, given that I can see Chalk listed as the fourth dependency in your package.json...https://github.com/mapikit/meta-system/blob/master/package.json
-
Free Closed Beta: We're starting a Closed Beta test for Mapikit and Meta-System!
Because it is powered by Meta-System (presentation video), you can also create new modules yourself and import them to the platform. If you're unfamiliar with Meta-System, you can check how to do it in the docs.
- Algum brasileiro?
-
Is code injecting after runtime possible?
This is basically how I solved the modularity issue with Meta-System. Basically, the base software comes with some basic functions, but you can add your own without a change to the source code. This process consists in, during runtime, downloading the package from NPM, and then importing it and passing down the reference.
- No code for APIs
-
The Sacred Steps to Achieving Good Documentation
That being said, the importance of documenting your application is no breaking news. What might be surprising, however, is how difficult and time consuming the process of creating such documentation can be. While writing the documentation on my open-source software Meta-System, I came across a few difficulties that I would like to share, so that maybe you can avoid them yourself. But where do you start?
-
How do I start contributing to open sourcing projects?
Check mapikit/Meta-system and join the discord if you like it!
-
How a single JSON file could become your entire code base
This was made possible by using Meta-System, an open source software in which I had the pleasure of working on. It makes software accessible, while also providing you a way to contribute to such accessibility.
html-figma
-
Introducing Visual Copilot: A Better Figma-to-Code Workflow
Try the Builder.io Figma plugin
- How to create prototypes from existing website pages?
-
PageGenie instantly generates an entire landing page from your product idea using ChatGPT and DALL-E
to test Figma integration you can try an open-source HTML ⇔ Figma plugin (GitHub) by Builder.io. Works both ways
-
How to turn your Figma designs into enterprise-ready apps
After designing your user interface within Figma, teams can utilize a plugin like Builder.io to turn the beautiful and functional look into code.
-
20+ Best Figma Plugins to Create & Manage Design Systems for Web Designers in 2022
Figma to HTML converts Figma layers to HTML, CSS, React, Vue, Svelte, Solid, and more. The output is quality, responsive front-end code.
- Figma → React
-
5 best no-code tools for developers
You can also use HTML to Figma to convert your code to Figma designs, and JSX Lite to convert Figma designs to code of your framework of choice.
What are some alternatives?
wiremock-captain - A better way to use the WireMock simulator to test HTTP APIs
FigmaToCode - Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
Toola - The open-source Retool alternative. Low-code platform for building internal tools fast!
mitosis - Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
jsx-lite - Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and Liquid. [Moved to: https://github.com/BuilderIO/mitosis]
plasmic - Visual builder for React. Build apps, websites, and content. Integrate with your codebase.
builder - Drag and drop headless CMS for React, Vue, Svelte, Qwik, and more
saltcorn - Free and open source no-code application builder
playroom - Design with JSX, powered by your own component library.
Svelte - Cybernetically enhanced web apps
ngx-ui-builder - An Angular library for creating no code tools & applications