Tweet
Toggling 2-column and 3-column mode
I've also changed the accent color in the sidebars to neutral gray (to make the content stand out)
#uimix #buildinpublic
Auto-reloading instantiated React components in the #uimix editor
#buildinpublic
First attempt to create a UI component for the #uimix editor itself
(I've made a VS Code extension that provides the custom editor)
#buildinpublic #react #uidesign
Working on the grid layout system of #uimix.
I believe simple row/column count based grids like Framer/Tailwind are okay for most cases
#buildinpublic
Implementing auto layout system of #uimix. Unlike Figma, UIMix uses margin-bottom for spacings (which are more useful and common than flexbox gaps in websites I think)
#buildinpublic
Layout system of #uimix editor now can handle resizing of headers (combination of flexbox and absolute positioning)
#buildinpublic
I've written a very basic Figma plugin to copy & paste layers to #uimix. Working a lot to build the landing page of UIMix with UIMix itself.
The page built with UIMix can eventually be imported from React, and I want to integrate it into a Next.js app.
#buildinpublic
Designing the landing page of #uimix
I'm using ChatGPT extensively to generate the outline and wordings.
Eventually I want to make whole design process possible in UIMix itself...!

#buildinpublic
I'm improving the drag-and-drop and snapping system of #uimix. It can now snap to items in the drop destination.
#buildinpublic
#uimix now has a Electron app. It can now visually create components and export them to React realtime.
(rendering the exported React component in a Vite app in the left)
I want to package the app and make available later.
#buildinpublic
New vertical toolbar (creating frames/texts and inserting components) for #uimix!

#buildinpublic
I'm implementing collaborative editing of #uimix!
Powered by Yjs + Hocuspocus
#buildinpublic