wobsoriano/codeplayground

Stars
136
Rank 267,670 (Top 6 %)
Language Vue
Created over 3 years ago
Updated over 1 year ago

wobsoriano/codeplayground

wobsoriano

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Codepen.io clone using Vue 3 and Monaco Editor

Code Playground

I attempt to clone codepen.io using Vue 3 and Monaco editor.

Installing

Install dependencies
```
npm install
```
Fire up the server and watch files
```
npm run dev
```

Built with

Recommended IDE Setup

VSCode + Volar.

Inspiration

License

Licensed under the MIT license.

v-dashboard

Dashboard starter template built with Vue 3 and Tailwind CSS.

trpc-nuxt

End-to-end typesafe APIs in Nuxt applications.

svelte-sonner

An opinionated toast component for Svelte. A port of @emilkowalski's sonner.

covid3d

🌏 An interactive 3D visualization of COVID-19.

lexical-vue

An extensible Vue 3 web text-editor based on Lexical.

numix

Write your server code inside Vue SFC's and handle forms easily.

vite-react-tailwind-starter

Starter using Vite + React + Tailwind CSS 2

vue-motion-one

Animation library for Vue 3 based on Motion One.

h3-zod

TypeScript-first schema validation for h3 and Nuxt applications

poke95

🚀 A Windows 95 style Pokédex built with React.

v-perfect-signature

Pressure-sensitive signature drawing for Vue 2 and 3

2019-ncov-frontend

🌏 Map, data and timeline of coronavirus (COVID-19)

blipgloss

Style definitions for nice terminal layouts 👄

rn-perfect-sketch-canvas

Perfect pressure-sensitive drawing for both iOS and Android.

vue-clerk

Community Vue SDK for Clerk.

pinia-shared-state

🍍 Sync your Pinia state across browser tabs.

bnx

zx inspired shell for Bun.

onlysetups

OnlyFans, but for pictures of desk setups.

vue-winbox

A wrapper component for WinBox.js with the ability to mount Vue components.

vue-wrap-balancer

Simple Vue Component That Makes Titles More Readable.

elysia-autoroutes

File system routes for Elysia.js.

vuetify-sonner

Stackable toast component for Vuetify.

vagmi

Vue composables for Ethereum

bun-promptx

Terminal prompt library for the Bun runtime

nuxt-remote-fn

Remote Functions. Instead of Event Handlers.

vue-cart

Shopping cart example using Vue 3 and Pinia

vue-keep

Google Keep clone with Vue, Typescript and Firestore

nuxt-proxy

Http-proxy middleware for Nuxt 3.

siopao

A minimal routing library designed to sit on top of Bun's fast HTTP server.

spotify-stats

🎧 Your spotify profile's top artists and tracks with charts and playlist creator.

coderstats

📊 Data visualizations of your top languages, starred repositories and top repos.

nuxt-clerk-template

Auth starts here with the Nuxt and Clerk Demo

bun-plugin-dts

A Bun plugin for generating dts files.

solid-zustand

🐻 State management in Solid using zustand.

bun-lib-starter

My minimal bun library starter

solid-firebase

Solid primitives for Firebase v9.

coronavirus-ph-api

🦠 An API for tracking the coronavirus (COVID-19, SARS-CoV-2) outbreak in the Philippines.

solid-sonner

An opinionated toast component for Solid.

bunbot

Desktop automation for Bun

vuemoji-picker

Vue 2 and 3 lightweight emoji picker.

elysia-clerk

Unofficial Clerk plugin for Elysia.js.

h3-formidable

File upload parsing utility for h3 and Nuxt.

nuxt3-socket.io

Nuxt 3 and Socket.io integration.

nuxt-firebase-auth-starter

Authenticated server-side rendering with Nuxt 3 and Firebase 9

2019-ncov-api

Map, data and timeline of coronavirus (COVID-19)

vitest-canvas-mock

🌗 A module used to mock canvas in Vitest.

solid-apexcharts

Solid component for ApexCharts

nuxt3-supabase

Nuxt 3 module and composables for Supabase.

vuetify-use-dialog

Simple confirmation dialog and snackbar composable built on top of Vuetify

fastify-next-auth

Auth.js plugin for Fastify.

vue-sfc-unbuild

Quickly generate redistributable Vue components with Unbuild.

authey

Universal support for Auth.js.

vue-input-otp

One time passcode Input. Accessible & unstyled.

vue-zorm

Type-safe <form> for Vue using Zod

pinia-xstate

Put your xstate state machines into a global pinia store.

svelte-gesture

👇 Bread n butter utility for component-tied mouse/touch gestures in Svelte.

vue-lite-youtube-embed

A private by default, faster and cleaner YouTube embed component for Vue applications.

v-satori

Generate a satori-friendly VDOM from a Vue component

h3-clerk

Unofficial Clerk middleware for H3.

pinia-undo

🍍 Undo/Redo plugin for pinia.

vue-zustand

🐻 Bear necessities for Vue.

svelte-monetization

A minimal and lightweight wrapper for the Web Monetization API

vue-cli-plugin-pinia

Vue Cli Pinia plugin

vite-solid-tailwind-starter

Starter using Vite + Solid + Tailwind CSS

solid-jotai

Primitive and flexible state management for Solid based on Jotai.

solid-ninja-keys

Add cmd+k interface to your solid site

deno-systray

A cross-platform systray library for Deno.

solid-supabase

A simple wrapper around Supabase.js to enable usage within Solid.

bun-lightningcss

Lightning CSS plugin for Bun with class composition support.

nuxt-next-auth

Experimental authentication module for Nuxt 2 using NextAuth.

sveltio

Proxy-state with valtio.

solid-whiteboard

nuxt-iron-session

Stateless session support for Nuxt apps

election2020

Simple viz of 2020 presidential election.

solid-stripe

Solid components for Stripe.js and Stripe Elements.

vue-use-places-autocomplete

📍 Vue composable for Google Maps Places Autocomplete.

vue-driver

Drive the user's focus across the page.

vue-markdoc

Vue renderer for Markdoc

h3-session

Session middleware for h3 and Nuxt apps.

solid-gesture

👇 Bread n butter utility for component-tied mouse/touch gestures in Solid.

bun-wifi-name

Get current wifi name in Bun/Node

ffmpeg.wasm-video-to-gif

Vue + FFMPEG.WASM Video to GIF converter

unplugin-markdoc

Markdoc plugin for Vite/Webpack.

vue-rtk-query

a basic demo on how someone could use rtk-query with Vue 3.

bun-plugin-csv

A Bun plugin which converts .csv and .tsv files into JavaScript modules.

library-starter

My minimal TypeScript library starter

vue3-swatches

🎨 Vue 3 swatch picker

vite-plugin-markdoc-vue

Render Markdoc extended markdowns as Vue components.

paytrackr

Track and manage your micropayments into one place 🎉

signl

Signals proposal, but using Vue API!

svelte-clerk

Community package that integrates Clerk with SvelteKit.

vue-tailwind-image-gallery

Pixabay image gallery

v-command-palette

A cmd+k component for Vuetify

vue-parcel

A simple Vue + Parcel setup for quick prototyping

go-mac-notifier

Send desktop notifications to OSX 10.9 or higher.

rustybun

Readline implementation in Rust for Bun.

bun-plugin-thumbhash

ThumbHash plugin for Bun

nuxt-web3.js

Nuxt 3 module for Web3.js

cryptostats

📈Top crypto assets by market capitalization.

nuxt-subsystem-demo