Alternatives
Products that do what Picknplace.js, an alternative to drag-and-drop does
I find that the drag and drop experience can quickly become a nightmare, especially on mobile. To tap, hold, drag, and scroll, all at the same time, is both difficult to achieve, and prone to errors. I've always had in mind this 2-step approach, where picking an element and placing it were two separate steps. So I implemented this basic version to showcase my idea. While it might take more time than a regular drag and drop, the benefit is for people who struggle with holding down the mouse button. With picknplace.js, you only need two clicks and some scrolling. This solution is meant as an…
- 1
- 2IM
2024 · cssgridgenerator.io
- 3DA
For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https://chearon.github.io/dropflow/ It matches browsers in all cases I can find where they agree, and it's fast. It supports `position`, `inline-block`, `z-index`, and complex properties like `float` and `vertical-align`. It doesn't support high-level layout like flexbox or grid yet, but you can get intrinsics to easily divide space yourself and paint multiple layout trees. It has a great text layout implementation, and supporting non-Latin scripts is a…
2024 · github.com
- 4AR
2018 · github.com
- 5JL
http://instantclick.io/ It seems the internet architecture won't bring us instant websites anytime soon. So here is a hack. I released this JS library last month (today is version 2.0 release, fixing v1.0's rough edges), it makes use of HTML5's pushState and preloading to make a website instant. It works like this: before clicking on a link, you'll hover over it. And there's a delay of 200-300 ms between these two events. InstantClick uses this delay to preload a page, when you click on a link it will display instantly in most case. (You can test on the website.) That's…
2014
- 6
- 7GJ
2012 · gridster.net
- 8
- 9
- 10
- 11TI
Hi HN! My name is Nick and this is my fun side project. Please lay it on me. HN can think of Tips.io as a cracked out Tailwind Playground that has page management and amazing AI integration. There are a few core ideas: 1) The HTML is the CMS There are no fields or restrictions. Just hover, click, and start tweaking any HTML. Also, certain elements you click will have special easy edit abilities: - auto creates an uploader, stock photo picker (or HTML) - auto creates an uploader, stock video picker (or HTML) - auto creates a big icon picker (or HTML) - auto creates a WYSIWYG Editor (or HTML)…
2024 · tips.io
- 12
- 13
- 14
- 15P0
Hey HN! I just released Puck 0.18 with a new drag-and-drop engine for CSS grid and flexbox support. You can now use Puck to create a page builder that behaves like a design tool, but embedded within your own app and using your own React components. To use it, just add `display: flex` (or grid, etc) to your DropZone and Puck will gracefully handle drag-and-drop across all dimensions. Shout out to the dnd-kit maintainer Claudéric for the collaboration and support (if you’re reading this, I just sponsored you on GitHub!) and as always, a huge thanks to my wonderful community for all the testing…
2025 · github.com
- 16
- 17
- 18
- 19AC
2021 · github.com
- 20
- 21SJ
2020 · hole.dev
- 22AD
2011 · 10k.aneventapart.com
- 23
- 24IM
2021 · straw.page
Ranked by how close each launch is in meaning, then by votes. Refine with a description →