This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Loopem
Make any list in your app a smooth picker of any shape
A framework-agnostic tool that converts any list of data into a beautiful, smooth picker of any shape you want: curved line, wheel, stack, fan, or any custom layout you write. It can handle thousands of items very smoothly. The goal here is to provide a beautiful user experience without worrying about performance.
This idea had been lingering in my head for a long time. I kept thinking about the best way to turn the idea of a picker into a math problem, where I could describe the layout I want and it would just work.
By pickers, I mean something like what `<select>` does in HTML, but with more visual items, whether they are images, icons, colors, or anything that would enhance the user experience.
For example, say you have an e-commerce app that shows different color options for a product. Instead of listing blue, red, and so on, you can show the actual colors, and users can drag or flick through them.
To prove it works, and to give you usable options out of the box, I added built-in layouts: line, arc, wheel, cover flow, fan, and stack.
I also made sure it stays smooth with any number of items. It's still fast because I virtualized the list, so it only renders what's on screen.
Accessibility is on by default too. Arrow keys, Home and End, listbox roles, screen reader support. It also claims one gesture axis, so a horizontal picker never eats your vertical page scroll on mobile.
I know docs matter a lot for dev tools, so I spent a good amount of time making them clean and easy to follow. Every option has a live picker you can drag while you read about it.
It's MIT, has no dependencies, and works with React, Vue, Svelte, or no framework at all.
No comment highlights available yet. Please check back later!
About Loopem on Product Hunt
“Make any list in your app a smooth picker of any shape”
Loopem was submitted on Product Hunt and earned 1 upvotes and 1 comments, placing #65 on the daily leaderboard. A framework-agnostic tool that converts any list of data into a beautiful, smooth picker of any shape you want: curved line, wheel, stack, fan, or any custom layout you write. It can handle thousands of items very smoothly. The goal here is to provide a beautiful user experience without worrying about performance.
Loopem was featured in Design Tools (262.1k followers), User Experience (367.8k followers), Developer Tools (518.3k followers) and GitHub (41.4k followers) on Product Hunt. Together, these topics include over 184.6k products, making this a competitive space to launch in.
Who hunted Loopem?
Loopem was hunted by Taha Shashtari. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Loopem stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Taha Shashtari
Hey Product Hunt! 👋
I'm Taha, and I built Loopem solo.
This idea had been lingering in my head for a long time. I kept thinking about the best way to turn the idea of a picker into a math problem, where I could describe the layout I want and it would just work.
By pickers, I mean something like what `<select>` does in HTML, but with more visual items, whether they are images, icons, colors, or anything that would enhance the user experience.
For example, say you have an e-commerce app that shows different color options for a product. Instead of listing blue, red, and so on, you can show the actual colors, and users can drag or flick through them.
To prove it works, and to give you usable options out of the box, I added built-in layouts: line, arc, wheel, cover flow, fan, and stack.
I also made sure it stays smooth with any number of items. It's still fast because I virtualized the list, so it only renders what's on screen.
Accessibility is on by default too. Arrow keys, Home and End, listbox roles, screen reader support. It also claims one gesture axis, so a horizontal picker never eats your vertical page scroll on mobile.
I know docs matter a lot for dev tools, so I spent a good amount of time making them clean and easy to follow. Every option has a live picker you can drag while you read about it.
It's MIT, has no dependencies, and works with React, Vue, Svelte, or no framework at all.
I'd love feedback! Thanks!