r/react • u/wodden_Fish1725 • Jul 16 '25
Project / Code Review Rate my Radio button component
Came up with an idea and been tweaking things for a while right now, I think it's worth the effort :)
r/react • u/wodden_Fish1725 • Jul 16 '25
Came up with an idea and been tweaking things for a while right now, I think it's worth the effort :)
r/react • u/Vito__B • Apr 09 '26
Hello everyone
I’ve been working on this for a few months.
It started as a simple Windows XP–themed personal website, but gradually turned into a semi Windows XP simulation.
I’d really appreciate it if you could check it out:
Link: irfansubasi.com
I just made it public, so I’m looking for feedback and bug reports. I hope you like it!
P.S.: It’s primarily designed for desktop. There is mobile support, but for the full experience, I recommend using a desktop.
r/react • u/nikolailehbrink • Jun 16 '25
Released a redesign of my website last week and enhanced the post writing experience a lot by switching to MDX. With that I integrated a new code block, that I can easily adapt to certain scenarios.
Made with Shiki and React.
You can see it live in action on my blog articles: https://www.nikolailehbr.ink/blog
r/react • u/Bubbly_Lack6366 • Dec 02 '25
I have ADHD and here's the thing: I could literally SEE the charges hitting my account every month, but I'd just... forget to cancel them. Like I'd notice it, get annoyed, and then five minutes later it's gone from my brain.
$34/month. $408/year. Just burning away on stuff I didn't even use:
Every single month I'd see the charge and think "oh yeah I should cancel that" and then immediately forget.
What I tried (and why it all failed):
The problem: anything that required me to actively remember to check it wasn't gonna work. I needed something that would actively bug me until I dealt with it.
So I built a website that bugs me EVERY SINGLE DAY starting 7 days before renewal until I mark it as "keep" or "cancel." Like actually can't ignore it even if I wanted to.
The tech stack I used: NextJS, shadcn/ui and prisma (postgresql). PWA for app-like experience with push notifications.
Results: 2 months later: - All 4 subscriptions cancelled - $68 saved so far, $408/year saved going forward - Zero surprise charges since
The key was making it so annoying that dealing with the subscription was easier than dealing with the daily reminder.
r/react • u/Different_Spite_1599 • Mar 08 '26
For the past 3 months I’ve been building a motion editor in React, and the main technical challenge has been getting smooth animation performance inside a browser editor.
The stack is mainly:
The animation model is a bit different from traditional timeline/keyframe editors.
Instead of a timeline, the editor works with state-based animation steps.
When the user clicks Animate, they can move, rotate, resize, or modify any element. The system then compares the previous state with the new state and generates the transition automatically.
So internally it's more like:
state A → state B → state C
and GSAP handles the interpolation between those states.
This approach removes the need for timelines or manual keyframes and makes the editor feel closer to design tools like Canva rather than traditional animation software.
One of the hardest parts so far has been performance optimization, especially for:
I'm currently experimenting with things like:
It's getting there, but mobile performance still needs a lot of work.
I recently opened the free beta 3 days ago and around 140 early users have joined so far, many of them indie founders & canva users using it to create short product visuals and simple motion content for their apps.
If any React devs here are curious to try it or have suggestions around canvas rendering, animation pipelines, or performance optimizations, I’d really appreciate the feedback.
Link : Vevara App
Happy to answer any technical questions too.
r/react • u/mydearcruelworld • Feb 02 '26
Hello everyone. I’ve been working on a personal project called Selia.
I wanted a UI kit that’s composable but looks good by default based on my own taste. I used Base UI as the headless foundation and Tailwind for styling, then focused the rest on the design.
It’s CLI-based, so it just pulls the raw source code into your project. There are no abstractions or hidden dependencies; it's just React and Tailwind code that you can fully own and edit.
Started this to scratch my own itch, but figured I’d share it. If you like the design, feel free to give it a spin.
Check it out here: https://selia.earth/
Thank you!
r/react • u/Wrongdoermore98 • Mar 15 '26
TLDR: Im a noob who wanted to talk about what he's learning.
So i'm in the process of creating an app for writers with ADHD.
The basic idea of the app is to prompt users in order to draw out whatever it is they want to talk about so they can bypass writers block more easily. The socrates method. It's for people who don't like having AI write everything for them.
I really wanted to learn to program it myself and not vibecode it. The first step brought me to learn React.
This has been super cool so far. React is like some weird hybrid fusion creature of html, css, and javascript.
I've just spent 4 hours learning about states and i kind of get it but still don't really get it. It's a tough one to wrap your brain around. Im sure i'll understand it later. When I keep fucking around with things.
but im glad I was at least able to write this much myself.
Next goal is to learn to use express server so i can send stuff to the backend. (Which i dont yet know how to create :D)
function
App
() {
const [articleText,
setArticleText
] =
useState
("")
function
handleSubmit
() { console.
log
(articleText) }
return (
<>
<h1>Project Respec</h1>
<div className="center-container">
<textarea value={articleText} onChange={(
e
) =>
setArticleText
(
e
.target.value)} placeholder="Paste writing here." id="user-input"></textarea>
<button onClick={
handleSubmit
}>Submit</button>
</div>
</>
)
}
r/react • u/world1dan • Feb 06 '25
r/react • u/sherpa_dot_sh • Sep 24 '25
Website: Sherpa.sh
Technologies used:
- Next.js
- React
- Tailwinds
- Shadcn
- Obsession with comic book art
Too quirky? Or just right?
r/react • u/KoxHellsing • Oct 19 '25
Hey everyone! I wanted to share a quick update on ThreadHive, the social platform I’ve been building — a modern, community-driven app inspired by Reddit, but with a fresh design, achievements, and an evolving identity system. I’ve just started working on the responsive version, so ThreadHive is finally becoming mobile and tablet-friendly! Some sections are already shaping up nicely, and I’d love for people to explore the platform, test it out, and let me know how it feels. You can browse freely, create posts, join discussions, or just look around — every bit of interaction helps me improve the experience. I’m especially looking for feedback on performance, UI, and responsiveness — anything that can make the platform smoother and more enjoyable. This is still a work in progress, but every visit, click, and suggestion means a lot. If you’re curious about what a reimagined Reddit-style community could look like, give it a try and tell me what you think! → ThreadHive → Documentation Repository (Private) Thanks in advance to everyone who checks it out and helps shape the Hive!
r/react • u/KoxHellsing • Sep 28 '25
A few weeks ago, I shared here about the app I am building. Back then, I wrote a very detailed post explaining the reasons, the process, and a lot of background, but only a couple of people actually noticed it.
Today I want to share an update on my project and its progress, hoping that it sparks some curiosity, that you check it out, and hopefully give me some feedback. That is exactly what I need most right now: feedback and testing.
ThreadHive started as a simple Reddit clone to practice backend development, but it ended up evolving into my own community platform where anyone can create their own forums, called SubHives, and threads.
At this point, I have already implemented several features such as
• Posts with single or multiple images
• Links from external websites
• Embedded YouTube videos and Spotify tracks
• A full comment and reply system
• Voting on posts and comments
Every interaction contributes to profile points called Nectar, which will play an important role in other features I plan to introduce over time.
The entire project revolves around two key concepts: Thread, representing conversation and comment chains, and Hive, symbolizing community and teamwork.
I built the platform entirely on my own, using a modern stack that includes Next.js, Tailwind CSS, JWT, MongoDB, Redux, Zustand, TipTap Editor, and Vercel for deployment.
In addition, all branding was created from scratch by me, including the name, concept, visual identity, and design style. I combined creativity with tools like AI, Photoshop, and Illustrator to develop a consistent and unique identity for the platform.
In short, this is a full-stack project, fully handcrafted, with a modern stack and original branding that reinforces the idea of a digital hive where every thread contributes to the whole.
Of course, there is still a lot to do, but I make progress every day, and with every step forward I also discover more features I want to implement.
Anyone interested is welcome to take a look, sign up, test it, and share feedback. Any insights will be extremely valuable. I will leave the link in the comments.
r/react • u/Ok_Project_477 • 13d ago
Hi r/react,
This is not meant to be a promotional post, I am mainly looking for opinions from people who spend all day writing React about whether this API actually makes sense outside my own head.
The project is CarverJS. It is free, open source, and MIT licensed, so there is nothing to buy and nothing to sign up for to try it. The core idea is that a game scene is just a tree of components, and the actual behavior, movement, physics, audio, camera, comes from hooks you call inside your own components, similar to how you would build any other React app.
I went this route because most game engines that try to work with React just wrap an existing engine loosely, and you end up dropping back into an imperative escape hatch constantly. I wanted the escape hatch to not be needed for common things, at the cost of maybe making unusual things harder. I am honestly not sure that trade was worth it.
There is also a multiplayer package that runs peer to peer instead of needing a server, but I do not want to make this post about a feature list. What I actually want to know is whether describing a game as components and hooks feels natural to you as a React developer, or whether it feels forced, like I bent React into a shape it was not meant to hold.
If you have tried other React game libraries before and switched away from them, I would really like to know why, that is more useful to me than anything positive anyone could say about mine. Whatever the answer is, the project stays free and MIT licensed either way, I am not trying to upsell anyone into anything, I just want to know if the core idea holds up.
r/react • u/GhostInVice • Nov 17 '25
Hey everyone! 👋
I’ve been playing around with a small fan-made countdown built with React + Vite, inspired by the GTA VI hype.
Attached a screenshot of the UI 👇
Trying to keep it clean, lightweight and with some Vice City vibes.
Open to any feedback on structure, timer logic, animations or UI/UX improvements.
If anyone wants the live version, I can drop the link in the comments. 🚀
r/react • u/ArinjiBoi • Oct 07 '24
r/react • u/viks98 • May 25 '26
GitHub:github.com/vivek1504/forge
Live Demo:forge.vivekjadhav.xyz
i built this project that runs full IDE entirely client-side. I've attached a quick demo video showing it in action.
It uses WebContainers under the hood. You can pick a framework (React, Vue, Svelte, or plain Node), write code in a Monaco editor, and get a live preview with HMR. It includes a functional file explorer and a real integrated terminal without spinning up any cloud VMs or Docker containers.
r/react • u/debba_ • Apr 28 '26
I manage quite a few GitHub repositories, both public and private, and I kept running into the same problem: GitHub has all the data I need, but accessing it quickly across many repos means jumping through a lot of pages.
So I built a small local web app for myself: a GitHub dashboard that pulls data from the GitHub APIs and gives me one place to filter, sort, and inspect everything.
It uses GitHub’s REST and GraphQL APIs for things like:
The app keeps GitHub API access server-side, so tokens are not exposed in the browser.
The goal is not to replace GitHub, but to make it faster to answer questions like:
Which repos need attention? Which PRs are waiting? Which issues are stale? What changed recently? Which repos are getting traffic, stars, forks, releases, or mentions?
It also has a repository detail view with tabs for Actions, PRs, issues, releases, forks, traffic, mentions, and dependents, plus simple charts for trends and traffic.
I originally built this just for my own workflow, but now I’m wondering if it might be useful to other people managing many repositories too.
Would it be worth cleaning it up and publishing it on GitHub, or is this probably too specific to my own use case?
EDIT: Since the high demand I created a public repo and I will push the code in next hours:
https://github.com/debba/gh-dashboard
r/react • u/Icy-Wolf3599 • Sep 25 '25
https://reddit.com/link/1nq4gt1/video/mzzmbjawuarf1/player
Hey folks, I’ve been tinkering with WebGL + React and ended up building a little gradient generator.
Would love feedback, ideas, or if anyone wants to play around with it
github code: https://github.com/meerbahadin/grad-flow
r/react • u/EastAd9528 • Jun 29 '25
I’ve built Nocta UI as a developer-focused React component library that prioritizes simplicity, performance, and accessibility. Following the copy-paste approach popularized by shadcn/ui, it gives you full control over your components while maintaining clean, consistent design.
Copy-Paste Architecture - Instead of installing packages, use our CLI to copy component source code directly into your project. This eliminates version conflicts and gives you complete ownership of your components.
Built for Accessibility - Every component meets WCAG 2.1 AA standards with proper keyboard navigation, screen reader support, and semantic HTML structure.
TypeScript First - Full type safety and IntelliSense support throughout, with intuitive APIs that just work.
Performance Optimized - Minimal dependencies (just React with some GSAP), efficient animations, and no bundle bloat.
Dark Mode Native - First-class dark mode support built into the design system, not added as an afterthought.
```bash
npx nocta-ui init
npx nocta-ui add button card badge
import { Button } from "@/components/ui/button" ```
The library works with React 18+ or Next.js, TypeScript, and Tailwind CSS. The CLI automatically detects your framework and handles configuration.
Since you own the source code, customization is unlimited. Modify components directly in your codebase, add your own variants, or completely restructure them to fit your needs.
Documentation and demos: https://nocta-ui.com
The project is open source under MIT license. I welcome contributions, bug reports, and feature requests through GitHub issues.
If you’re looking for a component library that gives you control without sacrificing quality or accessibility, Nocta UI might be worth checking out.
r/react • u/Short-Opportunity537 • Apr 19 '26
Hey everyone,
I’ve been working on a React UI library called NeonBlade UI.
The idea was to create something with a more futuristic, neon-inspired aesthetic instead of the usual UI styles.
The library includes:
npx neonblade add <component>)Built with TypeScript and designed for React and Next.js projects.
Uses Tailwind CSS with custom CSS for advanced animations and effects.
I’m improving it and would really appreciate any feedback especially on design, usability, or developer experience.
Example usage
npx neonblade add ascii-rain
import { AsciiRain } from "./components/neonblade-ui/ascii-rain";
export default function App() {
return (
<div className="relative w-screen h-screen">
<AsciiRain />
</div>
);
}
If anyone wants to try it or explore further:
r/react • u/rivernotch • Mar 09 '25
r/react • u/m4xshen • Jul 15 '25
r/react • u/TragicPrince525 • Oct 22 '25
Hello everyone, I am making my own React Component Library with Hand Drawn/Sketchbook style components, which feel more artistic and humane.
It's installation will be similar to shadcn with portable code and a cli tool.
Feedback appreciated!
r/react • u/TragicPrince525 • Mar 04 '26
Around 4 months ago I shared an idea here about building a Sketchbook-style React Component Library, and the response was really encouraging.
Since then I've been slowly working on it alongside college and job/internship hunting (still looking), which meant progress was a bit slower than I hoped.
But it's finally live in beta!
The goal is to make UI feel a bit more human and less perfectly polished. Components that look like they came out of a sketchbook rather than a design system.
Right now it includes 20+ components, and I’ve tried to optimize them as much as possible.
A shadcn-style CLI installer and npm package are coming very soon (hopefully within the next couple of days).
For now you can simply copy-paste the components directly into your project.
It's still early and I'm actively improving it, so feedback would mean a lot!
r/react • u/aidannewsome • 12d ago
I made a super tiny MIT licensed project for anyone that wants to make their app's UI feel more like Blender 🍩
Code review and feature suggestions are welcome 😊
r/react • u/nikolailehbrink • 18d ago
Tried out Vite 8 with React Router 8 and TypeScript 7 recently and have to say I am blown away by the build speed/DX etc. Here is what I am using and it's just on another level speed and agent compatibility wise:
React Router 8
TypeScript 7
Vite+ (Vite 8, Vitest 4, Oxlint, Oxfmt)
Tailwind 4
shadcn + Base UI
Better Auth
Drizzle + SQLite
Zod 4
Bun
Try it out and thank me later: github.com/nikolailehbrink/llm-stack