startertab
react-mosaic
startertab | react-mosaic | |
---|---|---|
5 | 7 | |
367 | 4,067 | |
- | - | |
8.5 | 5.7 | |
4 days ago | 7 months ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 only | 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.
startertab
-
I solved my New Tab page
You can see the code on GitHub here. I always want feedback on my code, please have at it!
-
Show HN: I solved my New Tab page for myself
The site is completely customisable, you can create a start page that suits your own style.
Initially, I built the site to only work for me, however I wanted the website to be re-usable for anyone. You can now login to your own Twitter/Spotify/Strava accounts for your own personal feed.
Everything is stored locally in your own browser so there's none of your data floating around in the clouds somewhere.
You can find the code at https://github.com/allister-grange/startertab.
Here are some examples of themes in a gif:
-
I solved my Start Page - you can use it too!
To get rid of or re-organise tiles you could fork the repo, and comment out ones you don't want in this file here. You can change the spanning of the tiles with the rowSpan and colSpan props. You would then need to host the site yourself on Vercel, or some other platform, with your own API keys.
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?
unsub - Take back control of your email.
lightGallery - A customizable, modular, responsive, lightbox gallery plugin.
spotify-nextjs-currently-playing - 🎧 Feel the algo-rhythm
react-virtualized - React components for efficiently rendering large lists and tabular data
sui - a startpage for your server and / or new tab page
React Data Grid - Feature-rich and customizable data grid React component
react-select - The Select Component for React.js
golden-layout - A multi window layout manager for webapps
Plyr - A simple HTML5, YouTube and Vimeo player
react-infinite-calendar - ✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.
react-vis - Data Visualization Components
split - Unopinionated utilities for resizeable split views