r/vuejs

▲ 12 r/vuejs

Where do you usually find Vue.js jobs these days?

I’ve been applying on LinkedIn, but I’m barely finding good opportunities or getting responses. I have 4+ years of experience working with Vue.js and Flutter, but the Vue market feels difficult right now.

Are there better platforms, communities, recruiters, or strategies that worked for you?

reddit.com
u/Soft_Palpitation7688 — 2 days ago
▲ 2 r/vuejs+3 crossposts

[Day 142] Built a custom Vue composable to handle AI streaming

I wanted to share how I handled streaming on the frontend for our AI chat on SocialMe Ai.

Instead of relying on a library, I built a custom composable (useSocialChat) in Vue/Nuxt.

Core idea:

Handle the entire streaming lifecycle in one place.

What it does:

-> Sends request via fetch

-> Reads response using ReadableStream.getReader()

-> Uses TextDecoder to process chunks

-> Parses structured JSON events

-> Updates the last AI message incrementally

We also handle:

-> tool results mid-stream

-> reactive UI updates

-> loading state

Why this worked well:

-> Keeps UI logic clean

-> Avoids scattered state updates

-> Easy to extend

Big takeaway: Streaming is not just a backend problem. Frontend handling is just as critical for good UX.

reddit.com
u/socialmeai — 4 days ago
▲ 12 r/vuejs

Which Libraries would be worth to port from React From Vue?

I think with the current status of how good LLMS are its kind of easy to port open source libraries that have good tests from React to Vue. Which do you think would be worth to port?

reddit.com
u/therealalex5363 — 6 days ago
▲ 82 r/vuejs

Vue Player — a modern Vue 3 video player with HLS, chapters, subtitles and Nuxt support

Hi everyone! After not finding a Vue 3 video player that covered everything I needed, I built one.


Vue Player handles the things you'd otherwise wire up yourself:

Streaming — pass an .m3u8 URL and HLS kicks in automatically with quality switching. hls.js is optional and loaded on demand, so if you're not using HLS there's zero overhead.

Timeline — chapter markers with hover tooltips, thumbnail previews on scrub. The kind of stuff you see on YouTube but rarely in a library.

Subtitles — WebVTT tracks with a built-in multi-language menu, no extra setup.

Flexibility — a usePlayer composable for fully custom UIs, a controls slot if you just want to swap the controls, and CSS variables for theming down to every detail. Also ships an official Nuxt module with auto-imports.

Everything is fully typed.


npm install @vue-player/vue

# optional, for HLS streaming
npm install hls.js
<template>
  <VideoPlayer src="/video.mp4" />
</template>

📖 Docs · GitHub

u/chernyak_v — 7 days ago
▲ 17 r/vuejs

I made Pear, a small Vue component library for PicoCSS

I like PicoCSS, and I like Vue. Maybe you like those things too?

Pear is a small Vue 3 component library built on top of PicoCSS. The basic idea is: keep the nice semantic HTML and low-clutter styling from Pico, then add the Vue bits like crunchy granola into tasty yogurt.

It has typed Vue components for things like buttons, inputs, selects, modals, accordions, dropdowns, and layout primitives. It tries to stay pretty thin: components still render native elements like <button>, <input>, and <dialog>, and PicoCSS does most of the visual heavy lifting.

Pear is mostly something I wanted to exist for myself, but I tried to make it easy for other people to use too. Maybe people like you.

Docs/site: pear.ontic.cloud

Repo: onticcloud/pear

Feedback, issues, "what is this weird Pinia ripoff looking thing doing in my feed," all welcome.

u/orpheanjmp — 6 days ago
▲ 140 r/vuejs+4 crossposts

be honest developers, which icon library are you using in your projects?

u/TrT_nine — 9 days ago
▲ 13 r/vuejs+1 crossposts

Hey everyone. I finally shipped my personal site after years of dormancy. It’s a fully static Nuxt site with GSAP scrolling animations and a few interactive service cards. Would love to hear your thoughts and critique. Feel free to throw stones😄

Link: https://www.arabdaev.com

u/first_asian_in_space — 8 days ago
▲ 34 r/vuejs+2 crossposts

Laid off. Looking for new opportunities.

Hi everyone,
Inspira UI and Akaza UI creator here.

I have been recently laid off from my current job due to scale down of team.

I'm actively looking for opportunities and would be able to join immediately.

My Profile: https://rahulv.dev

reddit.com
u/AlternativePie7409 — 8 days ago
▲ 5 r/vuejs+1 crossposts

I built a minimalist temp mail service with Go and Vue 3. No ads, just speed.

Hey everyone,

I’ve always been frustrated with how bloated most temporary email services have become. They are either packed with intrusive ads, trackers, or use domains that are blacklisted everywhere.

So, I decided to build my own version: dropmail.click

Why I built this:

  • Speed: Built with a Go backend and Vue 3 frontend to ensure emails arrive almost instantly.
  • Cleanliness: I hate 50+ banner ads. This is a "utility-first" project, so the UI is as minimal as possible.
  • Extra Tools: I realized people often need more than just an inbox when signing up for things, so I added a /tools section with a JWT decoder, Password Generator, and Gmail dot generator.

Current state: It’s been live for a short while now. It’s working great for bypassing "enter your email to continue" walls, and since the domains are fresh, they aren't flagged by most systems yet.

I’d love your honest feedback:

  1. How is the delivery speed on your end?
  2. Are there any other "privacy tools" you’d like to see integrated into the /tools section?
  3. Does the UI feel intuitive on mobile?

Check it out here: https://dropmail.click

Thanks for any feedback or Roast! 🙏

reddit.com
u/Wide-Substance2380 — 8 days ago
▲ 8 r/vuejs+3 crossposts

Yesterday was 1 month once I started my chrome extension for tailwind, and I got first payment

I'm a full-stack developer with 10+ years of experience. I use Angular on the frontend. I faced an issue that I experience in my everyday routine, even when I have powerful tools like Codex.

Refactoring old UI to a new frontend was painful for me. I can vibe-code complex business logic, but I can't pull markup pixel-perfect into a new codebase in seconds. Put screenshots to the Codex and have 80% confidence output + time for editing it - this is the bottleneck for me.

I built a Chrome extension that converts any interface into plain Tailwind HTML. It began as my personal tool, which I use to pull plain Tailwind into a new codebase. Then it turned out that it's not that simple: the web has a lot of markup cases, pseudo-elements, complex gradients, SVGs, authored styling priorities, etc.

It turned out that I built something big, and I wanted to share my pain and solution with you. Also, the inspiration that today it's possible to build something big in one month. Eventually, people will solve their pain as you solve yours.

Few insights about my extension:
- 95% code wrote AI
- 700+ commits created
- 40~ commits daily
- 400+ regression tests
- Developed in 1 month
- Automated self-learning
- Automated regression testing
- Automated parallelism for scheduled testing/learning
- Keeps improving every day
- First buy from guy I don't know, but feel thankful for him very much!

What the purpose:
- Refactor legacy UI without changing it appearance
- Pull any good UI element from any website, or even whole website
- Use this as the entry point for your AI - agents are understanding Tailwind better than screenshots
- Convert any AI output with inline styles, dirty code to plain Tailwind
- Customer wants like in that WOW website - got it, pull and paste to your project

Now I can pull whole Github page and convert it to Tailwind html in seconds, which is not Tailwind based and obfuscated.

https://reddit.com/link/1tc8fni/video/5l2aez94ay0h1/player

reddit.com
u/akopian25 — 8 days ago
▲ 47 r/vuejs

Open-sourced my Vue 3 + TipTap email editor SDK — JSON in, MJML output, mounts in any framework

Hey everyone,

I open-sourced Templatical last week — a drop-in drag-and-drop email editor SDK that you can embed into any app. After a few years of using Beefree, Unlayer, and others, seeing how they paywall even basic features behind $400-5,000/mo plans, I built an OSS alternative.

Tech stack

  • Vue 3 + TipTap for the canvas. TipTap's schema-based extension model + Vue 3's Composition API made the rich-text-editing parts really easy.

  • vue-draggable-plus for the drag-and-drop block reordering. Initially used vue-draggable but noticed doesn't support ESM, switched to vue-draggable-plus.

  • @vueuse/core — composables like useLocalStorage, useIntervalFn, usePreferredReducedMotion are used in the editor and in the playground.

  • Shadow DOM-first mount. The editor renders inside an open Shadow Root by default — host page styles can't leak in, the editor's Tailwind/Vue/TipTap styles can't leak out. Opt out with shadowDom: false if you specifically want light-DOM mounting.

Architecture

  • JSON in, MJML out. Templates are typed JSON trees. The renderer (a separate package) converts JSON→ MJML; you compile MJML to email-safe HTML server-side with the standard mjml package. No paid render API, no vendor lock-in.

  • Public API is a vanilla init({ container }) function. The canvas is Vue internally, but consumers don't care — call init() from React's useEffect, Svelte's onMount, Angular's ngAfterViewInit, or a plain script tag.

  • 9-package monorepo: types, core, core/cloud (subpath), media-library, editor, renderer, quality (a11y linter, more to come), three importers (BeeFree, Unlayer, HTML).

Custom blocks (the part I'm proudest of)

Define a custom block as a schema — typed fields (text, image, color, number, select, boolean, repeatable) plus a Liquid-based template that emits HTML using those values. The editor auto-renders a form from the schema so marketers fill in fields; the renderer wraps the output in <mj-text> for cross-client safety. Optional dataSource.onFetch lets the block hit your API at render time and retrieve data directly to embed. This is the feature gated behind Beefree's $3,000/mo tier.

Other power features

All of these are paywalled in Beefree/Unlayer/similar; all open source here:

  • Merge tags with pluggable syntax — handlebars, Liquid, or JS literal templates. Auto-renders human-readable labels in the canvas so marketers don't see raw {{firstName}}

  • Display conditions — show/hide blocks based on recipient attributes, with live editor preview.

  • Full theming via 27 OKLch design tokens — colors, radii, shadows driven by a design system. Override any of them for hard-enforced brand consistency.

  • Template + block defaults — baseline visual config for new templates so marketers stay on-brand without thinking.

  • Accessibility linter. Catches missing alt text, low contrast, vague link text in the editor as you work.

License

FSL-1.1-MIT. Auto-converts to plain MIT after 2 years. You can embed it commercially, modify it, redistribute it. The only thing the license forbids is reselling Templatical itself as a competing hosted email-editor SaaS.

Why FSL and not pure MIT: I'm a solo dev working on a managed Cloud tier (AI rewrite, MCP server with live updates, real-time collab, comments, snapshots, saved modules, hosted media gallery) for features that genuinely need a backend. Pure MIT means a well-funded competitor could lift the code and host it as a competing managed service tomorrow, undercutting my ability to keep building it. FSL gives me a 2-year head start on each release before it auto-converts to MIT — enough runway to keep the project sustainable without locking anyone out long-term. Anything that's already in the open-source SDK stays in the open-source SDK, free forever.

Links

If you want deeper Q&A — license, architecture, MJML choice - there was good discussion on the Show HN thread last week: https://news.ycombinator.com/item?id=48038019

Happy to answer any questions.

u/orkhanahmadov — 10 days ago
▲ 12 r/vuejs+2 crossposts

Compared to Other Grids

tbw-grid is the fastest DOM-based grid I've measured, ships in under 50 kB gzipped (CI-enforced), works in every major framework without an adapter wrapper, and renders real accessible DOM. Canvas grids may paint faster; AG Grid Enterprise has slightly more features. For the large middle ground - teams who need a fast, light, accessible, framework-agnostic grid for typical business data - I believe tbw-grid is the strongest option in the ecosystem today.
If you disagree - what are you missing?

toolboxjs.com
u/Ok_Trip_4684 — 11 days ago