draggable
Forest Admin
draggable | Forest Admin | |
---|---|---|
13 | 15 | |
17,536 | 359 | |
1.0% | 0.0% | |
7.8 | 8.4 | |
7 days ago | 19 days ago | |
JavaScript | Ruby | |
MIT License | GNU General Public License v3.0 only |
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.
draggable
-
Shopify's Draggable Landing Page Is Beautiful
It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129
This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...
-
Ruby on Rails #119 Trello Clone. Advanced Drag and Drop Sortable Lists with Hotwire
Last time I did this a few years ago with jquery-ui-sortable: https://blog.corsego.com/ruby-on-rails-sexy-basic-trello-clone. I haven't tried doing this with any other modern drag-and-drop libraries, but I think my next go-to would be https://shopify.github.io/draggable/
-
Konsta UI – Mobile UI Components Built with TailwindCSS
My startup team is working on a new project and elected Tailwind this week. Konsta looks like a great fit as we want to work well on mobile.
Wondering if there are plans to add a grid system and/or drag+drop? We're looking to implement an Instagram like grid of cards and currently using DraggableJS https://shopify.github.io/draggable. Having an integrated solution would help us avoid haphazard glue code.
-
Drag & drop in Svelte. Hunting for libs
Draggable has the... funkiest examples btw. Like 3D dragging funky.
-
How to create a Drag and Drop quiz like this?
For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/
- Ask HN: What's is your go to toolset for simple front end development?
-
what is the best and easy way to make a drag and drop system?
https://shopify.github.io/draggable/ looks neat
-
How to implement a the draggable library from Shopify
I was wanting to implement elements of the library from Shopify and was wondering the process of implementing into my code. I am using visual studios. For instance I wished to use this in my code.
- Show HN: Drovp – Convenient UI for any drag and drop operations
-
How To Choose The Best React Drag And Drop? Top 15 Free Libraries To Set Up
GitHub
Forest Admin
-
PostgreSQL data types and more
Forest Admin is an admin panel solution that saves your back-end engineers time and gives your operational teams more autonomy. Our highly customizable admin panel connects to your databases and APIs to ease your operations so that you can focus more on your business and less on backend operations.
-
Show HN: Retool Mobile
Disclaimer: I'm the founder of Forest Admin.
I couldn't agree more with this statement. The issue isn't that internal tool builders lack a feature to do it, I think the problem is deeper and comes from the way they are designed.
Most of them allow you to build the frontend (web or mobile here) without providing any backend code. They provide you with an integration library, whether it's connecting to a third-party SaaS or to your backend code. But that's where it ends.
With [Forest Admin](https://www.forestadmin.com), we have a completely different architecture. All the backend code is automatically generated with the UI, allowing you to be up and running in a few minutes.
This has allowed us to provide a rich development workflow environment both on the backend (the code is yours and runs on your own machine, so you can use your Git without changing your habits) and on the frontend. This gives you the ability to fork a branch from your production environment to a dev environment, make your changes, merge them on a staging before pushing to prod, etc.
This command line is heavily inspired by Git but allows you to have a dev workflow that works for collaborating with large dev teams on your admin panel. (+100 at our largest customer).
-
Je m'ennuie à mourir en startup
https://www.forestadmin.com https://www.gravitee.io/
-
Running Node.js on AWS serverless with Fargate
I didn't have a spare node app sitting around, so I found Forest Admin. This is actually a cool product which provides the simplicity of dashboard tools like ActiveAdmin or Retool, but preserves the privacy of the data by having you self-host the backend. The backend exposes an API that is used by the frontend client, i.e. your browser, so data doesn't need to move through Forest Admin's servers. Here's a nice graphic to visualize how this works:
-
Experiences with low-code systems (Budibase,Appsmith etc.)?
Disclaimer: I'm the founder of (Forest Admin)[https://www.forestadmin.com].
Wow, I'm impressed by the number of solutions out there. Back at the beginning of Forest Admin, we were alone on the market, which is generally not a good sign. But our perseverance paid off, and it was definitely worth it in the end!
Alright, so why Forest Admin? :)
Because we only focus on the admin panel use case. Not the entire internal tools world. In this way, we are able to provide a fully-featured SaaS Admin panel out of the box. No need to build it, nor with code, nor with low/no code tools.
Even if your app, internal processes and so your admin panel is specific, we have designed our solution accordingly with 2 things that are part of our DNA from the beginning:
1/ We generate all the backend code required to an admin panel. All CRUD routes, filtering & search, dashboarding, permissions, etc. Everything is automatically generated in a few seconds based on datasource introspection. In the end, the generated code is just a standard REST API, so you can extend/override it without any limitations.
2/ We pre-built the admin UI with every admin standard features available out of the box, with a big focus on providing a great UI/UX possible for operational people. We obviously also provide all the low/no code features to customize pretty much anything. We also provide a feature called "Workspace" (which is generally the core of what our competitors do) that allow users build custom views using drag'n'drop of UI components from scratch.
-
Ask HN: What's is your go to toolset for simple front end development?
For home-lab/internal UIs, you can go a long way with the auto-generated model-admin pages from Django. If you just need CRUD and actions triggered on a list of models, you can typically avoid any UI work and just define a few Admin classes, and if you need to make custom forms it's quite easy using Django's templating machinery to override individual pages.
https://docs.djangoproject.com/en/4.0/ref/contrib/admin/
A similar modular admin system that's more generic is https://www.forestadmin.com/, I think this one has a layout editor too. But that one requires a REST API and so it may require more plumbing, depending on what you've already built. Or it could fit nicely on top of what you already have, if you already have APIs for everything.
-
What is a CRUD app and how to build one?
In this blog, we'll see how to build a CRUD app with Forest Admin. We'll assume you're building a CRUD app for a PostgreSQL database.
- Build one internal tool for all your data | Forest Admin
-
Large documents in redis: does it worth compressing them (Part 1)
At Forest Admin, we build admin panels for which we need to compute and cache large JSON documents. These documents are stored in redis and retrieved from this storage in order to be as fast as possible.
-
Extract-Transform-Load with RxJS: save time and memory with backpressure
At Forest Admin, we recently faced this issue to move data from a Postgresql database to ElasticSearch.
What are some alternatives?
svelte-dnd-action - An action based drag and drop container for Svelte
react-admin - A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
ActiveAdmin - The administration framework for Ruby on Rails applications.
react-dropzone - Simple HTML5 drag-drop zone with React.js.
Trestle - A modern, responsive admin framework for Ruby on Rails
nested-dnd - Proof of concept for doing a nested drag and drop in React
appsmith - Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
Directus - The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.
react-drag-drop-container - ReactJS drag and drop functionality for mouse and touch devices
Godmin - Admin framework for Rails 5+