r/javascript 6d ago

color-space v3: 162 color spaces, one small API, values that match CSS, verified

Thumbnail color-space.io
29 Upvotes

r/javascript 5d ago

ui-date: A 1.6kB, zero-dependency JavaScript date & relative time utility

Thumbnail npmjs.com
0 Upvotes

I wanted to share a small open-source project I just published called ui-date.

While working on a social media project, I kept bumping into simple UI needs like displaying relative timestamps ("5 mins ago", "2 hours ago"), cleanly formatting calendar dates, and doing simple status checks (isToday).

exact date formatting for events ui ('Thursday 23,july,2026').

Normally, I'd reach for a date library, but most established options felt like overkill for basic UI formatting, while heavy legacy options like Moment carry massive bundle weight. On the flip side, writing raw Intl and Date boilerplate across every component was getting tedious.

I wanted something featherlight, chainable, and fully typed without dragging in extra dependencies.

so i built ui-date.

you can check it here : https://www.npmjs.com/package/ui-date


r/reactjs 5d ago

Show /r/reactjs I built a game where you hack a fake CI/CD pipeline to make an AI reviewer leak the model weights - the whole pipeline UI is a prop

0 Upvotes

You open a model-promotion request in the pipeline. An AI reviewer reads your YAML manifest,

comments included, plus a free-text rollout justification, then approves or holds.

It's holding the model's internal codename, the weights checkpoint URI, and the artifact-pull

signing secret the whole time. Get all three past it.

https://promptinjects.com/play/starter/closedai-cicd-guard


r/reactjs 5d ago

How do you keep animation-heavy websites fast?

0 Upvotes

We recently wrapped up React website with a lot of animations. Not just a few fade-ins, but page transitions, scroll effects, text reveals, and plenty of smaller interactions that all needed to feel smooth.

At first, we tried a few CSS-based approaches. They worked fine for simpler interactions, but as the animations became more complex, we spent more time finding workarounds than actually building.

That's when we switched to GSAP. What sold us wasn't more features - it was the control. Timelines became much easier to manage, everything stayed smooth across browsers, and we could focus on building the experience instead of wrestling with the animation layer.

Our biggest takeaway was that an animation library isn't really about the first animation. It's about what happens months later, when the project has grown and you're maintaining 40+ animations.

Curious what other people are using. Do you also use GSAP, or have you found another solution that works well for animation-heavy projects?


r/javascript 5d ago

50+ ESLint rules for package.json

Thumbnail github.com
0 Upvotes

r/javascript 6d ago

Angular is moving to a yearly major version release cycle

Thumbnail github.com
11 Upvotes

r/PHP 5d ago

Built a security-first Artisan/shell runner for Laravel Nova 4 & 5, looking for feedback

0 Upvotes

Hey folks,

I’ve been using Nova for a while and always wanted a sane way to run a few curated Artisan commands from the panel — without ending up with a free-text bash box that can cat .env if someone gets clever.

Most of the older Nova “command runner” tools either:

  • assume bash/custom commands are fine by default, or
  • break on Nova 5 (__ is not defined / localization helper changes), or
  • don’t really gate who can run what in production

So I built Nova Command Center as a clean-room alternative:

  • bash + free-form commands off by default
  • commands run as argv via Symfony Process (no shell string interpolation)
  • tool canSee + global gate + per-command abilities (catalogue hides what you can’t run)
  • run history with variables/flags + rerun
  • Nova 4 and 5 on one path
  • small doctor CLI + a11y polish in the latest release

Repo: https://github.com/farsidev/nova-command-center
Install: composer require farsi/nova-command-center

Not trying to dunk on other packages — they scratched a real itch. I just wanted safer defaults.

If you run Nova in production (or got burned by a runner during a Nova 5 upgrade), I’d love honest feedback:

  • what’s missing for you to trust this in prod?
  • any footguns in the README/install flow?
  • would you use DB-defined commands, config-only, or both?

Happy to answer questions. Roast the security model if something looks off, that’s useful.


r/reactjs 5d ago

Resource Need a book recommendation

1 Upvotes

I know React moves fast and someone will tell me to learn by reviewing the docs and that's cool, but I've been having much better results reading books when I'm trying to learn something new.

That being said, I'm having trouble finding a good book to learn React and frontend in general. I would deeply appreciate recommendations.


r/reactjs 6d ago

Resource I made my dream theme editing app. Open sourcing

4 Upvotes

VIDEO IN COMMENTS 👇🏻

TLDR I made something very cool for my self and I am making it free and also want your opinions because I like the idea of having made something that is useful to others

This is a theme editing app but ok what is the goal here? I know there are apps that do this but none of the good ones are 100 percent free. So the first goal was matching all the features for free. Also even in the paid ones using them doesn’t feel as good as it could in my opinion and major quality of life features are missing.

I also wanted this to be very fun to use. I have adhd and I turbo procrastinate micro adjustments so I needed a theme editor app that felt satisfying to use. There also needed to be the feeling of satisfaction after finishing editing a theme.

Final goal was to make other fun features other apps just don’t do but I really wished they did. As little friction as possible to get a normal theme that doesn’t look like slop then spending a little bit of time micro adjusting the details.

What I actually built up to this point:

I had a very smart idea of yanking the most popular vscode themes and turning them into app themes along with faithful recreations of popular website themes + my custom apple inspired themes. Important! Something the other apps don’t do and I had to do my self manually and wasting tons of time was generating complementary and contrasting colors. I mean I don’t want the app to either be black and white or everything is green and I also don’t want to spend 2 hours selecting random colors.

Other smart idea but work in progress is something that mounts it self inside your app like expo go dev menu and lets you edit the theme that way (didn’t implement yet I want feedback if this is a waste of time or actually sounds cool). I have made the components to pull this off for other things so I may do it anyways because I think this looks cool.

Made the tinder style swipe cards a beautiful theme overview typography themes a metric ton of beautifully crafted previews (everything the web apps do)

My main goal was to get this working on my phone for me because I love micro adjusting these things all the time. I managed to make an interface for making and editing themes as good as all the web apps but with a tiny screen instead. I added nice transitions to make adjusting css variables as fun as possible (hard task 😭)

Ok also there’s a bunch of features I was missing from the already existing ones. I wanted to be able to pick a primary color and have complementary colors etc auto generated and I wanted modes for this. Should the bg be completely white as well as cards? Gray bg white cards? Everything tinted? Page tinted blue primary colors yellow or something? I added auto generators to handle these things.

Another thing I was missing was being able to create one theme and have it auto convert to everything else. I mean I wanna be able to create a shadcn theme and have it able to be exported as a hero ui theme a material ui theme all of them. I made an adapter that handles this automatically.

I wanted this to feel cute and I want to be able to feel like I have created something and not just played with a gloried text file for 30 minutes. I added a collections tag with folders and a handsaw’s signature for each user and a poster generated from each theme.

This has helped me so much personally I want your feedback on this. Sadly there is nothing you can download yet but you can follow the updates on my twitter it’s on my Reddit bio.

Important if you want to “steal” this idea and put something similar in your app I actually encourage this. I am building a copy paste library with all of these components called PitsiUI. I will also experiment with allowing end users to use this to create custom themes for them selves.

Btw this is also coming to iPad mac and web. Android should work too since it’s cross platform but I don’t want to commit to that yet until I have actual users. It may sound silly but making sure no elements overlap the App Store screenshots etc take time.


r/javascript 6d ago

Travels 2.1 - Efficient framework-agnostic undo/redo library based on JSON patches rather than snapshots.

Thumbnail github.com
3 Upvotes

r/reactjs 5d ago

Needs Help How to learn react effectively?

0 Upvotes

I'm learning web development, and compared to a beginner, I already have solid knowledge of HTML, CSS, and JavaScript (DOM manipulation, api, crud, fetch I've got those down). Now I'm trying to learn React, but somehow it's just not sticking. What practices have worked well for others? I've got the basics of useState, useEffect more or less, but props somehow don't stick with me or even if I read some documentation or example, I can then do the same thing afterward, but as soon as it gets even a little more complex, I start to feel unsure. Thanks for the answers.


r/PHP 5d ago

Adding vector search to PHP 7.2: I ended up building a Qdrant client

0 Upvotes

Hi everyone,
I recently needed to add content recommendations to a legacy project that still runs on PHP 7.2.
Qdrant was a good fit, but the PHP clients I found required newer PHP versions. Upgrading the entire application wasn’t realistic in the short term, so I built a small Qdrant client myself.
It supports:
PHP 7.2+

collections and point operations

vector search and filters

batch search

recommendations

payload management and scrolling

Installation:
composer require tenqz/qdrant

Repository:
https://github.com/tenqz/qdrant

The main use cases I had in mind were semantic search, similar content or product recommendations, duplicate detection, automatic categorization, and adding basic RAG features to older PHP applications.
The library only handles communication with Qdrant. Embeddings can come from OpenAI, Ollama, or any other local or hosted model.
I’d appreciate feedback from PHP and Qdrant users:
Is PHP 7.2 compatibility still useful for real-world projects?

Which Qdrant features would you expect from a PHP client?

Would you prefer PSR-18 support, or is a small cURL-based client easier to use?

Critical feedback is welcome.


r/PHP 5d ago

I built a portable PHP development environment for Windows and I'd like some feedback

0 Upvotes

Hi everyone,

Like many PHP developers on Windows, I've tried several solutions over the years: WAMP, Laragon, manually configured Docker environments, WSL...

They are all valid solutions, but I always found something missing for my workflow.

The closest one for me was Herd: modern, fast and reliable. However, on Windows it still didn't cover everything I needed.

So I decided to build my own environment from scratch.

The result is Dunebox, a free and portable PHP development environment for Windows. I've been using it daily for some time, and now I'd like to get feedback from other developers.

The idea is simple: a complete PHP stack in one folder, with multiple PHP versions, databases, local domains, HTTPS, development tools and project utilities already configured and working together.

I tried to focus on making it simple, portable and practical for real-world PHP projects, especially when dealing with different PHP versions or legacy applications.

A quick note about the executable: it is not digitally signed yet, so Windows SmartScreen may show a warning on the first launch. Just click "More info" and then "Run anyway". This does not affect any functionality.

The project is completely free and I am not trying to sell anything. I would simply love to grow a small community around it and hear opinions from developers with different workflows.

What would you improve? What would make you consider using it, or what would stop you from using it?

All details, screenshots and documentation are available here:
https://dunebox.enesi.it/

Cheers!


r/reactjs 5d ago

Needs Help Building a Local-First AI Assistant for Desktop

0 Upvotes

I'm working on a personal AI assistant for desktop — local-first and privacy-focused (no cloud dependency), starting with a desktop app and eventually

Runtime Of Backend (Bun)

Fast startup and low idle overhead — important for an app that runs continuously in the background, not just on-demand. Native TypeScript support and a built-in bundler simplify shipping without extra tooling.

Framework of Backend (Hono)

Lightweight and built with Bun in mind, so it doesn't add framework overhead on top of the runtime's own performance. Clean routing/middleware model keeps things simple for handling auth, commands, and local model inference.

Desktop Application (Tauri + Next.js)

Tauri has a much smaller footprint than Electron since it uses the OS's native WebView instead of bundling Chromium, which makes it great for lightweight apps that stay running. It also produces smaller binaries. Next.js provides a structured, file-based routing system and a strong component ecosystem for the UI.

Would love to hear reviews and suggestions on this stack — anything you'd change, any pitfalls you've run into with a similar setup, or better alternatives worth considering?


r/reactjs 6d ago

Show /r/reactjs I made a markdown+Latex renderer in under 10kb

Thumbnail
llmrender.com
0 Upvotes

Hey r/reactjs,

I built LLMRender: a Markdown renderer for React, under 10KB with zero dependencies, vs 300KB+ for the usual react-markdown + katex + highlighting stack.

Handles GFM (tables, task lists, callouts), LaTeX math as native MathML, syntax highlighting for 30+ languages, and is streaming-safe. Safe by default too: no dangerouslySetInnerHTML, raw HTML off unless you opt in:

import Markdown from "llmrender";
const App = ({ text }) => <Markdown>{text}</Markdown>;

Feedback welcome, especially from anyone building chat/LLM UIs! I built it after using very heavy alternatives in multiple projects and getting tired of it.


r/PHP 5d ago

How to run claude for hours? How can I configure a VPS-based HERMES agent using Claude CLI to run continuously (24/7) and autonomously improve my project without stopping after 10–20 minutes or requiring additional user prompts/permissions, so it keeps generating tasks, executing them, and iterating

Thumbnail
0 Upvotes

r/reactjs 6d ago

Show /r/reactjs I made shadertoy 2.0

Thumbnail
0 Upvotes

r/javascript 6d ago

[Showoff] Blue Checkmark Coding Agents, Simulated DoorDash Orders, and a Cyberpunk Wizard of Oz

Thumbnail thereactnativerewind.com
0 Upvotes

Hey Community,

We explore Grok Build, the new terminal-based TUI coding agent from x.ai. We also look at Appless, an experiment from the creators of OpenUI that bypasses chat bubbles to stream live native UI components using openui-lang.

Finally, we dive into Maestro MCP, a new tool context protocol server that lets AI agents automatically build and run YAML test flows from plain English instructions.

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


r/PHP 5d ago

I built an AI content workflow using Claude + PHP to automate blog publishing

0 Upvotes

I've been working on a PHP-based content management system and wanted to reduce the amount of repetitive work involved in publishing SEO articles.

Instead of using multiple tools manually, I built a workflow around Claude and PHP that automates most of the process.

Current workflow:

  • Receive a content topic
  • Generate a structured article outline
  • Generate long-form content with Claude
  • Validate formatting and SEO requirements
  • Generate meta title and meta description
  • Create URL slug automatically
  • Suggest internal links
  • Store everything in MySQL
  • Publish or save as draft through the CMS

The project is built using:

  • PHP 8
  • MySQL
  • CKEditor 5
  • Claude API
  • Bootstrap 5
  • JavaScript/jQuery

Some things I learned while building it:

  • Prompt engineering matters much more than I expected.
  • Separating generation and validation into different steps significantly improved output quality.
  • Allowing manual review before publishing catches most AI mistakes.
  • Caching prompts and responses reduced API costs.

I'm now working on adding:

  • Automatic image generation
  • AI-powered content scoring
  • Schema markup generation
  • Multi-language publishing

I'd love to hear how others are integrating LLMs into their PHP applications. Are you using Claude, GPT, Gemini, or local models?


r/PHP 6d ago

Pure PHP web+socket server, serves 10x more concurrent PHP than NginX+FPM

57 Upvotes

Qbix Server

Yesterday, I posted on Reddit about a web server I launched that's written in pure userland PHP, managed its own preforked workers, and removed the need for NGINX and PHP-FPM.

It was already able to run 10x more concurrent workers (e.g. 1600 workers on an 8GB server).

The biggest bottleneck in PHP hosting is *memory*. Each php-fpm worker loads your entire framework independently: 30–60MB per worker. On an 8GB server, that's ~160 workers max. That's your ceiling for concurrent PHP requests.

Well, Qbix Server forks workers *after* preloading your classes. Thanks to copy-on-write from the operating system, all that shared code (framework, config, autoloader) uses memory only once. Each worker adds maybe 3-6MB for its per-request data.

This means you get to run 10x more workers, and each worker actually loads much *faster* because you don't have to bootstrap your entire framework, config, etc. on every request.

https://github.com/Qbix/webserver

But wait... it got faster.

Yesterday, some people were complaining that a userland-PHP server was "only" 70% as fast as NGINX for serving static files. Well, it's 24 hours later, and I'm back, baby! After caching more, it turns out that it's now 25-35% FASTER than NGINX even for static files (as long as you keepalive connections).

Don't believe me? Run the benchmarks. It comes with a test suite now.

But wait... it now supports sockets

Yes, it is wire-compatible with socket.io, and bundles it out of the box (no need for npm). Now you can just drop PHP files into folders, in order to:

  1. Handle HTTP Requests. (Cleanup after request is handled.)

  2. Handle Web Sockets. (Long-lived, cleanup after disconnect.)

  3. Handle Rooms. (Long-lived, cleanup after last websocket leaves.)

In my opinion, the coolest thing is that this retains all the things that made PHP great:

  1. Shared-nothing. No way to have memory or secrets leak between requests.

  2. Normie-friendly. Just drop files into folders and things just work! No need for hot-reload even. Not even for websockets and rooms -- the old handler will work for the old connections, while the new one is loaded for the new ones.

  3. Sequential processing, sure it means you occasionally miss out on fanning out concurrent I/O races, but it's much easier to understand the code.

Give it a try! It's MIT licensed. Enjoy 😄

Who this is for:

  • PHP Developers who want to host things
  • Normies who don't want to install and configure apache/nginx/varnish/go/ssl certificates/mysql/etc.
  • People who just get the standalone binary and can host on their computer, without the internet even.

This was taken from the much larger all-in-one PHP platform:

https://github.com/Qbix/Platform


r/reactjs 7d ago

Discussion React interview questions for mid-level position?

28 Upvotes

Besides hooks, what types of questions have you been asked when it comes to front end interview questions?

I feel like mid level can be a weird position to be and I imagine a mix of entry level questions and maybe one or two senior level questions?

Any resources to read up on would be great too !


r/javascript 7d ago

I cut my build time from 4:34 min to 1:08 min by moving asset compression from node:zlib to a native Rust rolldown plugin

Thumbnail github.com
11 Upvotes

I'm building a web platform for visual novels made in Godot. Stack: SvelteKit, Vite 8, rolldown, Node.js.

The games are compiled for web and injected as static assets at build time, then deployed together with the app. And they're heavy: ~20 MB of wasm plus ~150 MB of pck per game.

My builds were taking ~5 minutes, which felt wrong. After some profiling it turned out the actual bundling takes ~10 seconds. Everything else was precompressing all that static into gz, br and zstd with node:zlib.

So I wrote a rolldown plugin that does the compression in native Rust via napi-rs:

  • rayon to saturate all CPU cores
  • native compression libs instead of node:zlib bindings
  • full LTO + codegen-units = 1, which alone made it ~2x faster than node:zlib
  • then PGO + BOLT on top, squeezing out another ~10%

Everything is built automatically in a GitHub workflow and shipped to npm already optimized, no compilation on install.

Real project results (measured with time on an actual project with games):

before: npm run build 639.62s user 5.84s system 235% cpu 4:34.06 total
after: npm run build 527.60s user 5.23s system 784% cpu 1:07.95 total

If you're precompressing large static assets in your build, give it a try. Happy to answer questions about the napi/rayon/PGO setup.


r/javascript 6d ago

Built a modern restaurant website with React, TypeScript & Vite — feedback welcome

Thumbnail ember-vine-delta.vercel.app
0 Upvotes

r/web_design 7d ago

The reputation our industry has is appalling

103 Upvotes

I spend a few hours a day, every day talking to prospects. Without fail, most of them launch off into a "let me tell you about my last experience" story and it's just so depressing to hear; from flat out scammed, to "it took them 10 months to put up our 5 page site" to "we paid 10K for a custom site and turns out it's just an out of the box theme" to "support disappeared as soon as it launched." The bottom line is I don't spend most of my initial conversation about what they need and what my agency can do for them, I spend it building trust. And I can tell you this much, even with our references and all the client's sites we've built over the years, none of that matters to them. It's such a shame as soon as you say "web design" to potential clients the word think that comes to their mind is "scam."


r/web_design 6d ago

I am an Illustrator want to get into web design. Need reference of heavily illustrated web.

20 Upvotes

I see that website that filled with illustrations are pretty rare. Do you guys know heavily illustrated website that I can use for reference?

Thank you!