splitter
react-mosaic
Our great sponsors
splitter | react-mosaic | |
---|---|---|
33 | 7 | |
423 | 4,059 | |
1.2% | - | |
4.2 | 5.7 | |
8 months ago | 6 months ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
splitter
-
Show HN: We are building open-source IDE powered by AI agents that work for you
We've been building devtools for years now. We're really passionate about the field. The most recent thing we built is https://usedevbook.com. The goal was to build a simple framework/UI for companies to demo their APIs. Something like https://gradio.app but for API companies. It's been used for example by Prisma - we helped them build their playground with it - https://playground.prisma.io/
Our new project - e2b - is using some of the technology we built for Devbook in the past. Specifically the secure sandbox environments where the AI agents run are our custom Firecracker VMs that we run on Nomad.
You can follow my co-founder, me, and the project on Twitter:
- https://twitter.com/e2b_dev
- https://twitter.com/t_valenta
- https://twitter.com/mlejva
And we have a community Discord server - https://discord.gg/U7KEcGErtQ
-
We made an interactive playground for Prisma with everything set up for you
Hey, thanks! Not the whole website but parts of it like our SDK for creating VMs on demand and some UI components are open sourced.
-
Interactive Prisma Playground
we've built this interactive playground of Prisma examples as a showcase of developer hubs made with Devbook. The goal of Devbook si to allow devtools projects and companies to showcase their tool in an interactive without any hassle for the devs. Everything is prepared and configured for you.
-
Show HN: Prisma by Example – Interactive Playground
The goal of Devbook si to allow devtools projects and companies to showcase their tool in an interactive without any hassle for the devs. Everything is prepared and configured for you.
Every code snippet is runnable and editable. You get your own database thanks to CockroachDB. The code runs in a microVM (Firecracker) that's just for you. You also have an access to the terminal and even Prisma Studio. Go ahead and play with it!
I would love to hear your feedback and I'm happy to hang out and answer any questions!
[0] https://usedevbook.com
-
Fly Machines: An API for Fast-Booting VMs
This is really really exciting! I hope it enables more product built on top of full VMs with fast UX/DX.
I just wish I knew about this earlier because from what I read, I think we at Devbook [1] built pretty similar service for our product. We are using Docker to "describe" the VM's environment, our booting times are in the similar numbers, we are using Nomad for orchestration, and we are also using Firecracker :). We basically built are own serverless platform. I need to compare our current pricing to Fly's.
[1] https://usedevbook.com
- Show HN: Add live runnable code to your dev docs
-
What is the best way to utilize google?
I found DevBook which is quite useful. It doesn't solve the searching issue but it cuts down on the results you get back. Not sure if it'd be useful for you or anyone scouring the comments
- 12 Herramienta útiles que todo desarrollador debería de tener.
-
I created a vscode extension that brings you stack overflow answers.
Not trying to undermine op here but I've recently been using a tool called Devbooks and it's really cool. It's not a vscode extension though. It lets you search stack overflow and almost any language's/library's documentation without leaving your current window.
-
I am bad at math, will this affect me trying to learn code?
I recommend creating a new email account solely dedicated to your journey into coding. I also recommend getting comfortable with MDN Web Docs, Stack Overflow and this nifty software called Devbook will help. (I just hit alt+space and a search engine to stack overflow pops up).
react-mosaic
-
Show HN: I solved my New Tab page for myself
nice!
Some suggestions for me at least
1. Why I can't I set any tile to any type?
2. An RSS feed tile would be nice. It seems I can only follow HN, Reddit, Twitter
3. Would be great if I could drag and drop tiles to arrange like (https://nomcopter.github.io/react-mosaic/) or (https://xcfox.github.io/react-tile-pane/demo/) etc...
4. A random image tile would be nice
- React Mosaic
- React-mosaic: A React tiling window manager
-
Using tree data structures to implement terminal split panes
There’s a very handy implementation of this splitting model for React called react-mosaic: https://github.com/nomcopter/react-mosaic
-
Show HN: Omnino, a windowing system for web apps, inspired by the Acme editor
While the conservative reproduction of Acme's interaction will appeal to fans who have used the editor I guess, I think a lot of people would find the interactivity (esp. the resizers, left scrollbar) very non-intuitive in present day and age.
A good example of a more modern and practical tiling system for web is mosaic (https://nomcopter.github.io/react-mosaic/)
-
Are there React Libraries for creating draggable component-based UIs?
this should do the trick https://github.com/nomcopter/react-mosaic
-
We open-sourced a React component for building split views like in VS Code
Have you tried out https://github.com/nomcopter/react-mosaic before? What are the advantages over mosaic? I really liked react-mosaic it was quite feature rich
What are some alternatives?
Tailwind CSS - A utility-first CSS framework for rapid UI development.
lightGallery - A customizable, modular, responsive, lightbox gallery plugin.
stack-overflow-import - Import arbitrary code from Stack Overflow as Python modules.
react-virtualized - React components for efficiently rendering large lists and tabular data
devbook-extension - Add search functionality to Devbook with custom extensions
React Data Grid - Feature-rich and customizable data grid React component
spawner - Session backend orchestrator for ambitious browser-based apps. [Moved to: https://github.com/drifting-in-space/plane]
react-select - The Select Component for React.js
sandpack - A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
golden-layout - A multi window layout manager for webapps
gobyexample - Go by Example
Plyr - A simple HTML5, YouTube and Vimeo player