Product Hunt – The best new products in tech.

recent

p/self-promotion

by

•2mo ago

I built a Vite plugin that saves CSS changes directly to your source files

... source: Case 1 external file. If CSS is loaded via <link>, the sheet has sheet.href like http://localhost:5173/src/styles... . We can extract the path from this URL. Case 2 <style> tag. SCSS, CSS Modules, Vue scoped Vite compiles them and injects them as <style> tags in <head>. These have href = null. But Vite adds a data-vite-dev-id attribute with the absolute path to the source: <style type="text/css" data ... ... value is set via element.style .setProperty() an inline style that's always visible, not just on hover. This is a dev-mode compromise: you can see what the value will look like, even without the pseudo-class condition. Vue

0

p/self-promotion

by

•3mo ago

[Covely]: Your personal finance, simplified (Built with Tauri + Vue.js)

... with existing finance apps that were either bloated with features I didn't need or locked behind opaque cloud platforms. I wanted something private, performant, and under my control. I built Covely as a personal finance desktop app using Vue.js, Tauri, and SQLite. It s designed for users who want a clean, fast experience that keeps their financial data local and secure. What makes it different: Privacy-first: Your data stays on your machine, not in the cloud. Performant: Native ...

0

p/self-promotion

by

•5mo ago

Nucleify - Laravel/Nuxt framework just hit 100th star on GitHub!

... just hit 100 on GitHub! Nucleify is a modern, modular full-stack framework (built with Laravel + Vue/Nuxt ) designed to speed up building websites, CMSs, and web apps - without the pain of legacy CMS systems. Technologies Laravel backend and module logic Vue

2

p/self-promotion

by

•8mo ago

Build timelines like a pro — Jordium GanttChart Vue3

... everyone , I ve been building Jordium GanttChart Vue3 , a modern, customizable Gantt chart component for Vue

0

p/self-promotion

by

•8mo ago

Exploring Gantt charts in Vue 3 — how do you visualise complex project timelines?

... everyone I ve been working on a Vue 3 + TypeScript library that helps visualise project schedules with drag-resize tasks and zoomable timelines. What I m curious about: In your projects, how do you deal with nested tasks, dependencies, or shifting timelines? When production or maintenance data changes unexpectedly, how does your scheduling tool adapt? What features make a Gantt chart component must-have for your team? If you re interested in exploring or comparing solutions, feel free to check ...

0

p/tokiforge

by

•8mo ago

🎉 TokiForge v1.1.0 is live!

... added type-safe token access to Vue, giving you full IntelliSense support and compile-time type checking for your design tokens. Highlights: Generic type support: useTheme<MyTokens>() Full autocomplete for token paths Backward compatible <3KB gzipped Perfect for building type-safe design systems. Works with React, Vue

0

p/self-promotion

by

•8mo ago

TokiForge - Design token engine for all frameworks

... Stop managing design tokens differently for each framework. TokiForge is a lightweight, framework-agnostic design token engine that works seamlessly across React, Vue, Angular, Svelte, and vanilla JavaScript. The Problem: Managing design tokens across multiple frameworks means duplicating code, maintaining separate systems, and losing consistency. Each framework has its own theming solution, making it impossible to share tokens between projects. The Solution: TokiForge provides a unified API that works everywhere. Define your tokens once, use them in any framework. Switch ... ... themes at runtime without page reloads. Key Features: Framework-agnostic - Works with React, Vue

0

p/vibecoding

by

•1yr ago

How do you currently handle i18n in your Nuxt apps, especially for SaaS or side projects?

... Vibecoders Do you use vue-i18n, JSON files, a CMS, or something more custom? With @aymeric_pineau , we kept asking ourselves that question. We were looking for a simple, scalable, and developer-first solution for handling multilingual content in our projects, and couldn't find exactly what we needed. So we built our solution : @Intlayer . Intlayer is a free and open-source internationalization layer for modern frameworks. You can declare multilingual content per component using JSON or TypeScript, fetch ... ... anywhere in your app with useIntlayer() , and automate translations using your preferred AI provider like @OpenAI , @Gemini , or @DeepSeek . It now works with Nuxt.js, Vue.js

2

p/self-promotion

by

•1yr ago

🎉 ClippingMini – The AI-powered bookmark manager that thinks for you

... manage my scattered knowledge. The existing tools either required heavy extensions, clunky UIs, or lacked smart organization. So I made something for myself. The result? A minimalist, AI-augmented web app that actually helps you think. Tech Stack Frontend: Vue 3 Backend: Firebase (Firestore, Auth, Hosting) AI: Google NLP API for automatic categorization Others: YouTube embed, dynamic tag search, language translation My solo dev journey As a 1-person team, I do everything from coding to UX, testing to serverless ... ... onboarding for new users Your thoughts will shape the next iteration and maybe this tiny tool will help more of us slow down and organize the chaos. Try it here: https://clippingmini.com Thanks for reading and hunting #Productivity #AI #VueJS

0