Top 9 sfc Open-Source Projects

vue-macros

2 1,610 9.6 TypeScript

Explore and extend more macros and syntax sugar to Vue.

Project mention: Coming here from svelteland... is there a way to put CSS module inside JS? | /r/solidjs | 2023-06-03

I recently encountered Vue Macros and it inspired me to create a compile-time macro library for CSS modules, unfortunately I haven't even started and am not planning to do so any time soon. I like having the entire component in a single file but honestly just having COMPONENT_NAME.module.css for each component is not bad at all. I'd just avoid doing the COMPONENT_NAME/style.module.css, this gets very tedious

vue3-sfc-loader

8 969 9.2 JavaScript

Single File Component loader for Vue2 and Vue3. Load .vue files directly from your HTML. No node.js environment, no build step.

Project mention: Just Use jQuery | news.ycombinator.com | 2023-06-14

I have come across this:
https://github.com/FranckFreiburger/vue3-sfc-loader
Might be worth trying. The problem is that these 3rd party libraries may work but you may end up needing a build system for a new library that you may need in the future.
I tried but for complex applications with JS, you unfortunately cannot get away from the build system.

SurveyJS

surveyjs.io featured

Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
vue-code-view

1 129 3.7 TypeScript

🖖A Vue 2 SFC REPL component just like `@vue/repl` .
vue-template-babel-compiler

1 115 0.8 JavaScript

Enable Optional Chaining(?.), Nullish Coalescing(??) and many new ES syntax for Vue.js SFC based on Babel
vue-sfc-unbuild

2 44 6.8 Vue

Quickly generate redistributable Vue components with Unbuild.
vue-sfc-sandbox

2 40 0.0 Vue

Vue SFC Sandbox, Sandbox as a Vue 3 component.
vue-sfc2esm

1 27 0.0 TypeScript

Transpiled Vue SFC File to ES modules.
InfluxDB

www.influxdata.com featured

Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
vite-serve

1 9 4.3 JavaScript

instantly preview a Vue/React component with Vite
VueSfcDemo

1 1 0.0 Vue

Demo of FranckFreiburger/vue3-sfc-loader for a Calculator SFC demo app

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

sfc related posts

Quickly generate redistributable Vue components with Unbuild.

1 project | /r/vuejs | 21 Jan 2023
Use Babel to parse Vue.js SFC

5 projects | dev.to | 22 Aug 2021
I built a runtime sandbox component for Vue 3, you could use it as an online demo playground, also it can be used as a component as well.

1 project | /r/vuejs | 8 Jun 2021
I built a runtime sandbox component for Vue 3, you could use it as an online demo playground, also it can be used as a component as well.

1 project | /r/vuejs | 8 Jun 2021
I built a online sandbox with vue 3. sandbox as a component.

3 projects | /r/vuejs | 7 Jun 2021
Demo of vue3-sfc-loader using a Calculator SFC app

1 project | /r/vuejs | 14 Feb 2021
A note from our sponsor - SurveyJS
surveyjs.io | 15 May 2024

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

What are some of the best open-source sfc projects? This list will help you:

	Project	Stars
1	vue-macros	1,610
2	vue3-sfc-loader	969
3	vue-code-view	129
4	vue-template-babel-compiler	115
5	vue-sfc-unbuild	44
6	vue-sfc-sandbox	40
7	vue-sfc2esm	27
8	vite-serve	9
9	VueSfcDemo	1