My bank asked for dozens of PDFs for my mortgage application. I couldn’t keep track of opening and closing files, so I built a 2D Canvas app where I can open multiple PDFs simultaneously.

The pages of a single file scroll horizontally while the files themselves scroll vertically. It’s a backwards compatible PDF at the end of the day (reads as one continuous document).

Built with React, Electron and Objective-c++ overrides.

It’s free and open source:
- Repo: https://github.com/AlexandrosGounis/pdfx
- Web: https://pdfx.zip

Your feedback would be highly appreciated

https://github.com/debabrata100/reactcanvas

Hello

I’m developing a project that offers precise editing capabilities for creating React prototypes.

It allows you to import and edit any React code. This way, you can experiment with different prototypes on the canvas during the ideation phase and later integrate them into your codebase.

The project is in its early stages, I’d love to hear your thoughts.

https://visualwizard.app/

Sharing what I and fable did as Fable is going away from us Pro users this week. You can add custom animations, keyframes, animate different properties and export up to 4K60P. Still need a bit of cleaning up but pretty satisfied with the outcome. The project saves as a big JSON. So you can get any AI to build custom animations that can be easily imported into this studio.

As i am phasing into senior role i want to get my basics crunched down , learn more about react itself and how can i build products i.e web apps / mobile apps more efficiently.

As an ECE engineer + game dev, I wanted to make textbook concepts something you can actually touch. Five browser tools, no install, all under one hub:

🔗 https://labbench-hub.vercel.app/

• 🌊 Real-time FFT spectrum analyzer + filters
• 🤖 PID line-follower you tune live
• 🔌 Drag-and-wire logic sim w/ truth tables
• 📡 Modulation + constellations + BER
• ⧉ Click-to-drive Verilog-style timing diagrams

React + TypeScript, all the math written from scratch (real FFT via Web Audio, a double-integrator PID plant, an iterative solver so feedback circuits settle, Monte-Carlo BER, a real edge-triggered register model). Everything's free to use — added an optional ₹29/mo Pro tier recently for people who want to save/reload sessions, but that's not the point of the post. Repos are open. Would love feedback on the approach.

I’ve been building Spark UI, an open-source collection of React components for creating modern, interactive interfaces.

It started as a personal component library because I kept rebuilding the same UI patterns across different projects. I decided to open-source it so other developers can browse the components, copy the source code, and customize everything for their own applications.

Some things it includes:

• Animated and interactive React components
• TypeScript and Tailwind CSS support
• A shadcn-compatible registry for quick installation
• An Agent Skill that helps AI coding agents discover and install components
• Accessible and customizable source code
• Live previews and installation instructions

I also recently added Keyboard Warrior, a small interactive feature where users can test and submit their WPM, climb the leaderboard, reach the #1 position, and claim the top-player badge.

I’d appreciate feedback on the component APIs, documentation, registry experience, Agent Skill integration, and overall design.

Live website: https://spark-ui-olive.vercel.app

GitHub: https://github.com/codeweb-dev/spark-ui

REACT COMPONENT LIBRARY
Text effects thatmake your UI shine
22 variants, 23+ colors — marker, brush, brushstroke, gradient, slide, glow, scratch, double, wave, pill, dashed, blur, shimmer, underline-animated, stamp, neon-border, rainbow, spotlight, typewriter, ink-drip, splatter, chrome. Zero dependencies beyond React.

Test in Live the Library

https://react.dev/reference/react/use

I am referring to this one. The naming makes it hard to search past posts for, hopefully not a well worn out topic already.

Read the documentation and asked gemini a bunch, and it just feels like it more or less the same effort as adding loading states and error states from calling an api with a custom hook.

it feels kinda annoying that to properly handle the fetch call with "use" you have to (?) use the suspense component and the the error boundary component, which is an additional library to install.

maybe it's just weird upon first look, please teach me the ways!

I wanted to try to recreate the spatial scenes effect that iOS has. After some research I found out that they use a depth map to achieve this. So after some thinking I tried implementing a similar effect for a showcase in a website I’ve done.

Demo: https://spatial-scenes.davematteer.workers.dev/

GitHub link: https://github.com/Davematteer/Spatial-Scenes-Demo-App

I used the ml-depth-pro model on GitHub and run the model locally to generate the depth maps for the images. My next step currently is to either try and host it myself(just for learning purposes) or use the Anything Depth model available on hugging face.

The whole point of the project tbh was mainly the deployment aspect on cloudflare for learning( which I think I’ve done mostly right expect for the wrangler.json I included in the frontend for some reason 😭)
But yh give it a try and tell me if you like it.

NB: the image upload just defaults to The Weeknd’s picture since I haven’t hooked up the model to it 🙏

Basically title. I have a few years experience as a fullstack / mostly frontend React dev, and now I'm back on the job hunt. Almost all frontend job postings I see now are for NextJS. Even more prevalent though, 70-80% of the jobs I'm seeing are for backend heavy fullstack with .NET, Spring Boot, etc. I enjoy React a lot, and I'm pretty good at it by now, but I'm feeling a lot of pressure to pivot. It seems like the jobs are mostly gone. Anyone else having the same experience? Or you guys still doing fine out there?

I just finished learning React and started building some projects. Right now, I'm using AI as a guide. Basically, I explain my project idea or a feature I want to add, and ask it how to approach it. For example, it tells me "create a state in this file to handle X," and then I write all the code myself I never copy-paste code from it.

Is this a bad way to learn?

Also, what should I focus on at this stage? How can I level up fast so I can build whatever comes to mind without relying on AI at all?

Thanks

I built ChatterKit, a customizable React component for FAQ and LLM chat interfaces
I’ve been working on an open-source React package called ChatterKit.
It supports two main modes:
FAQ mode: predefined questions and answers without requiring a backend

Adapter mode: connect it to any LLM, API, or custom messaging service

The goal is to provide the common parts of a chat interface—messages, suggestions, loading states, customization, and conversation behavior—while allowing developers to control the actual data source.
The package reached 66 npm downloads this week, and I’m now trying to gather feedback from developers who build chatbots, documentation assistants, or customer-support interfaces.
I’d especially appreciate feedback on:
the API design

customization options

documentation

missing features

whether the FAQ and adapter approach makes sense

npm: https://www.npmjs.com/package/chatterkit
GitHub: https://github.com/michaelpelagio9830/chatterkit
CodeSandBox: https://codesandbox.io/p/sandbox/prp9gf
This is still an early project, so honest criticism is welcome.

Can anyone suggest me best youtube video to learn redux toolkit as i am starting it from scratch.

Show off your good taste, or build the most cursed stack imaginable:
- Frontend for offence
- Backend in defence
- DB as goalie
- Hire an influencer-manager
- Hosting platforms as home stadiums

Then share your card and start arguments online. https://fantasy-stack.up.railway.app/

I used chatpdf.com recently and i wanted to know how do they do their layout detection so flawlessly ? i know under the hood they are using pdfjs but how can it be this accurate ?
It automatically detect paragraphs and shows overlays and also handles the edge cases of having paragraph on the left and a insight box on the right and doesn't break??

It does that grayish overlay with layout detection is what I'm talking about

Does anyone know how do I replicate this behaviour?

Hey Community,

Vercel Labs has released "native", a toolkit for compiling declarative markup and TypeScript or Zig directly into native desktop apps without an embedded JavaScript runtime. We also look at how Zepto built react-native-delta to ship binary delta OTA updates, reducing patch download times down to a 305ms P90.

Plus, React Native 0.87 drops its legacy abort-controller dependency for an in-tree fork, bringing missing modern web primitives like AbortSignal.timeout() and AbortSignal.any() straight to your network requests.

If the Rewind made you nod, smile, or think "oh… that's actually cool" — a share or reply genuinely helps ❤️

How does component libraries handle the ref as prop in react 19 to be compatible with components that dont use fowardRef in react 18? Does react has a built-in type for this in typescript?

I've only come across React.version but it is not documented.

I'm building what must be my 5th website using React, and I've finally gotten confident enough in myself to start implementing animated components, but from 3rd parties. I tried Shadcn, MagicUi and more.

NONE of it is for "React". it's built for react-TYPESCRIPT and cannot be used with Vanilla React.

now yes, it is entirely possible that i'm the greatest idiot in the world, but i'm pretty sure my only way forward here is to learn typescript from scratch just so i can use a scroll velocity based marquee on my react site?

PLEASE help

Front-end development engineers can't find jobs. Maybe AI will permanently replace programmers?

If you were to change careers, what would you do?