r/vuejs 2h ago

Expo SDK 57 boilerplate

1 Upvotes

Expo Boilerplate SDK 57
In newer version of expo there are some changes in configs and problems with styling. So i created brand new expo boilerplate.
I have used Nativewind + Tailwindcss, also added Gluestack and refactored tsx files. I find it useful for myself so wanted to share, if there is any bug or want me to add new feature drop here, thanks ✌️


r/vuejs 2h ago

Meet OpenVue, an MIT fork of PrimeVue 4.5.5

48 Upvotes

Hey Vue community!

We're long-time PrimeVue users who believe a good UI library should stay free and community driven. When the license changed and PrimeVue moved away from open source, we decided to take action rather than just watch.

OpenVue picks up right from 4.5.5, the last MIT release. It keeps the exact same API, so your existing code keeps working without rewrite headaches.

Right now our main focus is keeping the foundation solid: improving accessibility, patching security vulnerabilities, handling community issues, and maintaining compatibility with the latest Vue and Nuxt versions. We have bigger ideas for where to take this, but we'd rather build them based on real feedback.

Everything you're used to from PrimeVue v4 is there, complete with docs and live examples. We also made openvue/migrate to let you switch existing projects over in a single command.

Openvi Foundation is an independent community organization, not affiliated with Primetek.

OpenVue is and will always be 100% free and open source.

We're still in beta, so bug reports and PRs are super welcome.

Docs: https://openvue.dev/

GitHub: https://github.com/openvi-foundation/openvue

Migration from Primevue: https://openvue.dev/migrate/


r/vuejs 3h ago

Frontend dev getting back into backend

2 Upvotes

If a full stack dev Laravel/PHP 2 years, moved into a frontend vuejs role for a year, would it be hard to move back into full stack?

Would people suggest a reactive framework on their cv is a big pro or is it counterintuitive having frontend dev as their most recent title?


r/vuejs 10h ago

Introducing BumbleVue - A PrimeVue fork

65 Upvotes

Following the recent changes to PrimeVue, going closed source and introducing a dual-license model, BumbleVue was born to continue PrimeVue as a community-driven, free, and open-source library.

It is currently in beta, but an RC is expected in a few days. At its v1 launch, it will align with PrimeVue 4.5 with some additional bug fixes and TypeScript improvements. For v2, it will align more with PrimeVue v5.

There are no current plans for selling commercial licenses, templates, themes, etc. There are however initial plans to try to implement some of the "PrimeUI Pro" components as part of BumbleVue under the same MIT license.

The new site and Discord are live and a migration guide has been started.

https://bumblevue.org

https://bumblevue.org/guides/migration/primevue/v4


r/vuejs 18h ago

I built a VS code extension with Vue

4 Upvotes

TLDR;

  • I built a SQLite explorer VS code with Vue/Vite. Code lives in sqlite-explorer
  • For now, you can only build locally, for you OS and install. I have not been able to publish to the VScode marketplace: the UX sucks and I have reached out to support

I read the "Your First Extension" guide on GH for building extensions and for the life of me, couldn't understand why they still use Yeoman 😅.
Tried using it as-is but found myself raw dogging plain JS, with `getElementById` everywhere.

So I scaffolded a new vue project, built the different views, then went back to reading GH docs on extension. (Vue related code in webview)

Turns out (one of)the key files for an extension is the `src/extension.ts` file.
The rest is history.

Took me a bit longer than I'd anticipated and (disclaimer), I used Claude to help debug some issues I was having with `better-sqlite3` and packaging for different OS.

(I've tested only on MacOS and it *works well 😅. I'll appreciate testers on different OS)

Before someone asked,

  • I know there's SQLite Viewer but you need a Pro account to edit/modify data
  • Using Tableplus means I have to keep going back and forth between it and vscode.
  • I finally learned how to build a vscode extension with the tools I already know and use: Vue

I have a tremendous respect for some of the people creating very complex vscode extensions; building thing that supports multi OS is a pain in the behind.

Anyway, I'll post an update here if I ever succeed to publish it in the extension marketplace.
The code is not perfect and I'll appreciate CONSTRUCTIVE feedback, if you're so inclined.

Happy Vueing


r/vuejs 1d ago

Vuetify0 v1.0 is here. 🎉

Thumbnail
19 Upvotes

r/vuejs 3d ago

I made a Vue component that automatically calculates the perfect "Google Meet" video grid

5 Upvotes

Whenever I tried to build a video call UI or a dashboard with multiple streams, handling the layout was always a pain. CSS Grid is amazing, but figuring out exactly how many rows and columns you need to make 5, 7, or 12 items as large as possible (while keeping their 16:9 aspect ratio) usually requires some annoying JS math.

To save time, I built meeting-grid-layout.

You just drop it into your Vue template, pass the number of participants, and it handles all the calculation for you. When your reactive data changes (like someone joining or leaving), the grid smoothly recalculates.

Why you might like it:

  • Clean Vue integration: Very simple props, keeping your <template> neat and tidy.
  • Responsive by default: It listens to container resizes. I also added an autoMobileLayout prop so it automatically stacks nicely on small mobile screens without extra media queries.
  • Zero bloated dependencies: It's super lightweight.
  • (Side note: I built this with core logic that supports both Vue and React, so if you work with both, it's the exact same API!).

Repo here: https://github.com/thangdevalone/meeting-grid-layout

If anyone has time to look at the Vue implementation, I’d love some feedback on how to make it feel even more "Vue-native". Let me know what you think!


r/vuejs 3d ago

Just shipped @modyra/core : a tiny state layer for complex frontends

Thumbnail
0 Upvotes

r/vuejs 4d ago

Faust.js for Vue?

2 Upvotes

Hello everyone, do you know if there's any Vue import for faust.js?


r/vuejs 4d ago

Vue 3.6 just entered RC stage

Thumbnail
github.com
133 Upvotes

r/vuejs 5d ago

modyra/modyra: A framework-agnostic, type-safe form engine

Thumbnail
github.com
0 Upvotes

r/vuejs 5d ago

Mantine Vue update: new Schedule extension + DataList, EmptyState, Menubar and more

Thumbnail
gallery
25 Upvotes

Hi everyone.

A few days ago, I shared Mantine Vue here, and I really appreciated all the feedback and encouragement from the community.

I've continued working on the library, and a new update is now available.

The new mantine-vue/schedule package provides a set of components for building calendar scheduling interfaces : day, week, month, and year views with event display, drag-and-drop, and time slot interactions.

Documentation and examples: Schedule

New core components

This update also adds several components to mantine-vue/core:

  • DataList : Render label-value pairs as a semantic description list DataList
  • EmptyState : Display a placeholder for no-data situations EmptyState
  • Menubar : Desktop-application style horizontal menu bar built on top of Menu Menubar
  • ComboboxPopover : Add a combobox dropdown with selectable options to any button element ComboboxPopover

The project is still moving quickly, so your feedback are very welcome.

All components are ported from Mantine React library. Huge thanks to the Mantine team.


r/vuejs 6d ago

QDADM: a sonata inpired admin framework, news after 6 months

2 Upvotes

Hi,

6 months ago I've started building an admin framework with vuejs because I wanted something new but that could replace Sonata (php symfony crud admin).

https://github.com/quazardous/qdadm

A CRUD list

The demo: https://quazardous.github.io/qdadm/

I've got some feedbacks and put some effort in the howtos.

HOWTO: https://github.com/quazardous/qdadm/blob/main/docs/tutorial-mini-admin.md

I'll love some more feebacks ! please shoot :)


r/vuejs 6d ago

Libraries for Heatmap

6 Upvotes

Hey everyone, anyone facing difficulties find a nice heatmap library? I was using the official from Google but since it was discontinued me and my team are fancing some problems.

Right now we are using Deck.gl, but the main issues everyone is complaing is the aspect of the heatmap isn't very nice, and the heatmap don't follow the pan and zoom movements.

We need to keep using Google Maps as the base of the map, so libraries like Leaflet or OpenLayers isn't the best option, but if the library looks like Google Maps is a different story...


r/vuejs 6d ago

Looking to contribute to a backend/frontend project in my free time

Thumbnail
1 Upvotes

r/vuejs 6d ago

Mood UI Updates - Vue Charts | Nuxt Charts

Thumbnail
gallery
25 Upvotes

New components:
Charts
OTP Input
Phone Number Input
Integration with AI Agents
Search Input with results

Available free on Mood UI


r/vuejs 7d ago

How to make good FOSS in a world where everybody judges negatively by default?

2 Upvotes

I am I software creator. I create applications and I create consumable libraries. The reason I create libraries is because I find something that is useful across many applications and I need the functionality in my applications myself. But if the library is to be useful for many applications, it needs to fulfill the needs of the many. This is why I open-source my projects, so I can get input from the many.

But in order to get many people to use my projects, I have to get the word out. I have found this to be harder and harder to do over time, as I'm mostly met with a lot of toxicity. I try to write articles, I try to keep solid api's and I try to bring general usefulness to the community. But every time I post something, I get first-glance judgement from people who never even looked at the code, even less what it does and solves.

How come people are so quick to judge? And how come people throw around "AI slop" at everything without even looking at it?

Yes, many people use AI assisted development these days. It's hard not to when companies require tighter and tighter deadlines to deliver. But not everything is "slop" and not everything is AI. And some things are useful even if AI has assisted the development. The important thing should be what the product solves and how it solves it, shouldn't it?

AI set aside, my rant here is on how to create something in todays society when nobody's willing to take a chance on the product in fear of it might be created by some AI - its silly, isn't it? I don't understand the basis of the fear here...


r/vuejs 8d ago

[self-promo] Building Gantt, ERD and BPMN diagrams with Vue

Thumbnail
gallery
19 Upvotes

With the 1.2.0 release of VisuallyJs we've added a slew of starter apps for Vue, including Gantt, BPMN and ERD diagrams. Demos here, with links to the Github repositories:

VisuallyJs is free for non-commercial usage. Give it a spin and let us know what you think!


r/vuejs 8d ago

I built Rivlet, a free modern download manager for Windows

Post image
2 Upvotes

r/vuejs 8d ago

Toolbox grid just reached 3.0.0 milestone

Thumbnail
oysteinamundsen.github.io
4 Upvotes

r/vuejs 9d ago

Filament Command Palette

3 Upvotes

Just shipped an update to Filament Command Palette 🚀

Three layouts you can switch from config:
• standard: compact Filament modal
• groups:empty state + group headers
• preview: list + detail pane

Cmd/Ctrl+K navigation for Filament panels.

https://github.com/usamamuneerchaudhary/filament-command-palette


r/vuejs 9d ago

Update on Hotspot business in Ghana.

Thumbnail gallery
0 Upvotes

r/vuejs 10d ago

Toastflow in 80 seconds - a quick tour of my Vue Toast library

Enable HLS to view with audio, or disable this notification

12 Upvotes

Author of Toastflow here. Instead of another wall of GIFs in the readme, I put together a short tour of the features people actually ask about: updating a toast in place, both pause strategies (resume vs reset), queueing with maxVisible, scoped containers, and headless rendering with your own markup.

Fun detail: the video itself is code - rendered with Remotion, reusing the library's actual CSS, so what you see is the real styling and timing.

🎮 Docs with live examples: https://www.toastflow.top/
👨‍💻 GitHub: https://github.com/adrianjanocko/toastflow


r/vuejs 10d ago

[A Website] Frontend Developer (4+ YOE) | Vue.js, React.js | Looking for New Opportunities (Remote/Hybrid/Onsite)

Thumbnail
3 Upvotes

r/vuejs 10d ago

Just published recaptcha-vue, a small Vue 3 component for the Google reCAPTCHA v2 checkbox.

6 Upvotes

Why another one? The existing wrappers I found were unmaintained, Vue 2 era, or shipped with dependencies I didn't want. This one keeps it minimal:

- zero runtime dependencies (Vue is a peer dep, that's it)

- full TypeScript types

- useRecaptcha composable with reactive token and isVerified

- v-model works if you prefer that

- multiple widgets per page, theming, custom language

- ready-made Laravel + Inertia.js integration examples, including server-side verification

- 100% statement coverage, audited deps in CI, npm provenance

Install: npm install recaptcha-vue

npm: https://www.npmjs.com/package/recaptcha-vue

GitHub: https://github.com/Souhailmakni/recaptcha-vue

Feedback welcome, especially from anyone doing Inertia forms. And if it's useful to you, a GitHub star goes a long way for a brand new package.