ogBlocks
Hey all! I created ogBlocks because, honestly, dealing with complex CSS and figuring out animation libraries was always a massive headache and most of them didn't even allow customization The goal was to enable everyone—not just animation experts drop in beautiful, interactive UI elements and animations into their React projects without worrying about the messy code underneath. Think of it as the easy button for awesome user experiences without worrying about styling and animation complexities I know you'll love the product - just check it out Karan
ogBlocks launched on August 6, 2025 with 7 votes, #3,174 of 8,530 launches that month. The site was still online in September 2026, 1 year on.
What it does
ogBlocks is an animated React component library consisting of 40 beautiful animated components + a free 107-page ebook consisting of tips about HTML, CSS, and JavaScript
Stop shipping boring web apps. Integrate pre-built animated components from our library and make your app stand out instantly.
Stop reinventing the wheel. Drop in 100+ pre-built animated components and elevate your UI instantly If you don't love it, get a full refund within 7 days. No questions asked. Hi @ogblocks_dev I bought yours too already. Its a great work. Thanks Karan, This looks very interesting. The pricing card, countdown, and input field all look too clean to pass up. Nice, these kind of animations make the difference indeed. Lovefrom ogblocks.dev
In the maker’s words, at launch
Hey there, My name is Karan and I've curated a collection of 75+ animated components for React. I hope you'll like it Best Karan
Does a similar job
all alternatives →
Blockies Animate2025 · animate.blockiesui.com · ▲151Smooth, plug-and-play UI animations for any modern web app
I reverse engineered top websites to build an animated UI library2025 · reverseui.com · ▲156Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback
- AVA Visual IDE for React2022 · dev.aspect.app · ▲479
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
Once UI 1.5Dec 2025 · once-ui.com · ▲299When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…
You Got This! Zine: React Edition. By Glitch2018 · blog.glitch.com · ▲122A free, 24-page zine about making web apps with React.js
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 28d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 26d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 23d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 28d ago · corespeed.io
Source: Product Hunt launch ↗ · launch text quoted in part
Launched alongside, August 2025
the whole month →
I built the world's most impractical 1000-pixel display and anyone in the world can draw on it. It draws a single pixel at a time and takes 30-60 minutes to complete a single image. Anyone can participate in the project by voting for the next image to be drawn, and submitting images. https://kilopx.com/
Work · 2025 · benholmen.com
Kitten TTS is an open-source series of tiny and expressive text-to-speech models for on-device applications. We are excited to launch a preview of our smallest model, which is less than 25 MB. This model has 15M parameters. This release supports English text-to-speech applications in eight voices: four male and four female. The model is quantized to int8 + fp16, and it uses onnx for runtime. The model is designed to run literally anywhere eg. raspberry pi, low-end smartphones, wearables, browsers etc. No GPU required! We're releasing this to give early users a sense of the latency and voices…
AI · 2025 · github.com
I was wondering how I can arrange objects along a spherical helix path, and read some articles on it. I ended up learning about parametric equations again, and make this visualization to document what I learned: https://visualrambling.space/moving-objects-in-3d/ feel free to visit and let me know what you think!
Life & fun · 2025 · visualrambling.space
For HTML Day 2025 [1], I made a web service that displays the current sky at your approximate location as a CSS gradient. Colours are simulated on-demand using atmospheric absorption and scattering coefficients. Updates every minute, without the use of client-side JavaScript. Source code and additional information is available on GitHub: https://github.com/dnlzro/horizon [1] https://html.energy/html-day/2025/index.html
Dev tools · 2025 · sky.dlazaro.ca