jikkai / Svelte Flat
Licence: mit
Flat UI components built with Svelte.
Stars: ✭ 13
Labels
Projects that are alternatives of or similar to Svelte Flat
Minna Ui
😸 A fast, friendly, and fun web UI kit for everyone.
Stars: ✭ 86 (+561.54%)
Mutual labels: web-components, svelte
Storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Stars: ✭ 67,445 (+518707.69%)
Mutual labels: web-components, svelte
Vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
Stars: ✭ 1,928 (+14730.77%)
Mutual labels: web-components, svelte
fireworks-js
🎆 A simple fireworks library! Ready to use components available for React, Vue 3, Svelte, Angular, Preact, Solid, and Web Components.
Stars: ✭ 550 (+4130.77%)
Mutual labels: web-components, svelte
Prettyhtml
💅 The formatter for the modern web https://prettyhtml.netlify.com/
Stars: ✭ 241 (+1753.85%)
Mutual labels: web-components, svelte
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (+69.23%)
Mutual labels: web-components, svelte
Push State
Turn static web sites into dynamic web apps.
Stars: ✭ 16 (+23.08%)
Mutual labels: web-components
Svelte Tailwind Extension Boilerplate
A Chrome extension boilerplate built with Svelte, TailwindCSS, Jest, and Rollup.
Stars: ✭ 26 (+100%)
Mutual labels: svelte
Svelte Quickstart
Svelte un nuevo framework de JavaScript para construir interfaces de usuario.
Stars: ✭ 16 (+23.08%)
Mutual labels: svelte
Diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
Stars: ✭ 788 (+5961.54%)
Mutual labels: web-components
Librelingo
🐢 🌎 📚 a community-owned language-learning platform
Stars: ✭ 844 (+6392.31%)
Mutual labels: svelte
Blazor.fast
A tiny wrapper around Fast and Fluent Web Components to integrate with Blazor and easily use the EditForm components
Stars: ✭ 23 (+76.92%)
Mutual labels: web-components
Montecarlo
Portfolio simulation running in a OCaml web worker
Stars: ✭ 10 (-23.08%)
Mutual labels: web-components
Selecto
Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
Stars: ✭ 822 (+6223.08%)
Mutual labels: svelte
Brick Viewer
A web component for viewing models built with a certain type of plastic brick!
Stars: ✭ 20 (+53.85%)
Mutual labels: web-components
Svelte Flat
A Svelte Flat UI Toolkit for Web.
Installation
npm i svelte-flat --save
Fully import
import Flat from 'svelte-flat'
import 'svelte-flat/lib/theme-default/index.css'
Single import
import { Button } from 'svelte-flat'
import 'svelte-flat/lib/theme-default/button.css'
On demand
Install babel-plugin-svelteflat
npm i babel-plugin-svelteflat -D
Config files
edit .babelrc
.
{
"plugins": [
["svelteflat", {
"libraryName": "svelte-flat",
"style": "theme-default"
}]
]
}
Then, if you need Button, you can import it without style,
import { Button } from 'svelte-flat'
Forked version
Here is a forked version which named svelte-flat-ui
.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].