๐Ÿ”ฅ Set up your new Solid component library in seconds!

Overview

Create Solid Library

Create SolidJS libraries with ease!

Usage

npx create-solid-library <name>

Development

Developing components is often a visual process. As a result, vite is being used as a build tool and as a dev environment! Just run npm run dev and you can live code your component.

Excluding Dependencies

At build time, Vite unfortunately cannot exclude dependencies automatically. Dependencies you install need to be externalized so that it doesn't appear in the final bundle!

Testing your component works

Oftentimes, there can be issues that only appear after build time. As a result, we added a test-project folder where you can use your Solid component and test if it actually works in a real project!

Building for production

npm run build
You might also like...

Deploy a local project to Replit, in seconds!

mvrepl A tool to deploy a local project to replit, in seconds! Requirements: latest version of Node.js (https://nodejs.org/) latest version of npm (ht

Jun 18, 2022

How to create 1,000 videos in 60 seconds

How to create 1,000 videos in 60 seconds

How I built 1,000 personalised videos in 60 seconds In this article, we will show you how to build 1,000 personalized birthday videos for 1,000 differ

Dec 9, 2022

Create ๐Ÿ’Ž beautiful video mockups from templates withing โณ seconds

Create ๐Ÿ’Ž beautiful video mockups from templates withing โณ seconds

๐Ÿ“ฑ Mockoops Create animated mockups from boring screen recordings in seconds, powered by React. โšก๏ธ Superfast rendering powered by Serverless Functions

Jan 6, 2023

A jQuery plugin that creates a countdown timer in years, months, days, hours and seconds in the form a bunch of rotating 3d cubes

CountdownCube is a jQuery plugin that is in the form of a bunch of rotating 3D cubes. It uses CSS transitions to create the 3D rotating cube effects.

Mar 6, 2022

โฌ Fetch the most up-to-date ABI of verified Smart Contracts (including proxy implementations) from Etherscan in seconds!

etherscan-abi โฌ ๐Ÿš€ Fetch the most up-to-date ABI of verified Smart Contracts (including proxy implementations) from Etherscan in seconds! Usage CLI Fe

Dec 27, 2022

SET Revision is a website to help you identify "sets" in the card game SET.

Welcome to SET Revision! SET Revision is a website to help you identify "sets" in the card game SET. The code in this repository is aimed for learners

Oct 3, 2022

MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo

Dec 30, 2022

Solid.js library adding a services layer for global shared state.

Solid.js library adding a services layer for global shared state.

Solid Services Services are "global" objects useful for features that require shared state or persistent connections. Example uses of services might i

Dec 30, 2022

A ~2kb hotkeys library for solid that adds only 2 event listeners.

A ~2kb hotkeys library for solid that adds only 2 event listeners.

Solid Hotkeys - Cmd+S+H Solid Hotkeys is the easiest way to add hotkeys to your application. Built for and with Solid. Motivation You gotta have hotke

Aug 1, 2022
Owner
blusk
Rust / Go / TypeScript (React,Vue,Solid,etc.) / C++
blusk
Solid component and library for LiveKit (unofficial)

This package provides Solid components that makes it easier to use LiveKit in a Solid app. Inspired completely by https://github.com/livekit/livekit-r

Prince Neil Cedrick Castro 6 Mar 8, 2022
hCaptcha Component Library for Solid.

Solid hCaptcha Component Library This is a port of @hcaptcha/react-hcaptcha for Solid. Description hCaptcha is a drop-replacement for reCAPTCHA that p

Mikkel RINGAUD 5 Dec 4, 2022
UI component library for Solid.js with SSR support

Dolmen Dolmen is a themeable UI component library designed to work with Solid.js and optimized for SSR (Server-side rendering). It provides a broad se

Talin 14 Dec 17, 2022
Create your own NFTs within seconds ๐Ÿช„

MagicaNFT An automated process to create a number of NFTs At the moment, the program only makes pixelated NFTs, with only a certain number of characte

Jaival Patel 2 Feb 3, 2022
Infisical โ€” Sync your .env securely in seconds.

Infisical Infisical is a simple, end-to-end encrypted secrets manager for your .env files. It enables teams to securely sync and manage .env files in

null 2.7k Jan 4, 2023
๐Ÿ‘‡ Bread n butter utility for component-tied mouse/touch gestures in Solid.

solid-gesture solid-gesture is a port of @use-gesture/react which lets you bind richer mouse and touch events to any component or view. With the data

Robert Soriano 8 Sep 30, 2022
Simple and minimal split pane component for Solid!

solid-split-pane Split pane component for Solid! Uses Split.Js under the hood. Takes all props that split.js takes, plus a gutterClass. (Q) Why not so

blusk 5 Oct 28, 2022
๐Ÿš€AIๆ‹Ÿๅฃฐ: 5็ง’ๅ†…ๅ…‹้š†ๆ‚จ็š„ๅฃฐ้Ÿณๅนถ็”Ÿๆˆไปปๆ„่ฏญ้Ÿณๅ†…ๅฎน Clone a voice in 5 seconds to generate arbitrary speech in real-time

English | ไธญๆ–‡ Features ?? Chinese supported mandarin and tested with multiple datasets: aidatatang_200zh, magicdata, aishell3, and etc. ?? PyTorch work

Vega 25.6k Dec 29, 2022
Get started on Remix with TypeScript and Tailwind CSS in seconds

remix-typescript-tailwind-quickstart Get started on Remix with TypeScript and Tailwind CSS in seconds. This is an example setup of Remix building on t

Resi Respati 12 Mar 16, 2022
Get any Candy Machine ID in seconds with this npm module!

What Does it do? Grabs Candy Machine ID of any v1 or v2 candy machine websites. Installation npm i candymachinescraper --save Example Usage // Get Can

Oscar Gomez 9 Oct 26, 2022