0.0.6 • Published 2 years ago

svelthor v0.0.6

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Svelte 3 components built with Tailwind and DaisyUI

This library provides an easy way to get a Svelte project up and running as fast as possible by giving you all the tools you need to build complex web applications from the ground up without having to deal with importing and implementing external JavaScript libraries.

You get ALL the tools you need with NO HASSLE!

Install

npm install --save svelthor

Usage

You need to configure DaisyUI component library in order to use the Svelte components provided by Svelthor.

Add DaisyUI in your project

After installing Svelthor you will need to add DaisyUI to your project as well.

Using Svelthor

Then you can start using Svelthor by importing just the components you'll need:

<script>
  import { Button, Icon } from 'svelthor';
</script>

<Button color="primary" outline>
  <Icon name="account" />
</Button>

Components

StatusName
:heavy_check_mark:Alert
:heavy_check_mark:Artboard
:heavy_check_mark:Avatar
:heavy_check_mark:Badge
:heavy_check_mark:Breadcrumbs
:heavy_check_mark:Button
:heavy_check_mark:Button Group
:heavy_check_mark:Card
:construction:Carousel
:heavy_check_mark:Collapse
:heavy_check_mark:Countdown
:construction:Divider
:construction:Drawer
:construction:Dropdown
:construction:Footer
:construction:Hero
:construction:Indicator
:heavy_check_mark:Kbd
:heavy_check_mark:Link
:heavy_check_mark:Mask
:construction:Menu
:heavy_check_mark:Modal
:construction:Navbar
:construction:Pagination
:heavy_check_mark:Progress
:heavy_check_mark:Stack
:construction:Stat
:construction:Steps
:construction:Tab
:construction:Table
:heavy_check_mark:Tooltip
:heavy_check_mark:Form Checkbox
:construction:Form Input
:construction:Form Radio
:construction:Form Range
:construction:Form Select
:construction:Form Textarea
:construction:Form Toggle
:construction:Mockup Code
:heavy_check_mark:Mockup Phone
:heavy_check_mark:Mockup Window

Plugins

Forms

StatusComponentLibraryTypeLocalization
:construction:Autosizehttps://github.com/jackmoore/autosizeComponent-
:construction:DialerExclusiveComponent-
:construction:File Dropzonehttps://github.com/thecodejack/svelte-file-dropzoneComponentYes
:construction:Flatpickrhttps://flatpickr.js.orgComponentYes
:construction:Yup Form Validationhttps://github.com/KamyarLajani/svelte-yupComponentYes
:construction:Form RepeaterExclusiveAction-
:construction:FilePondhttps://github.com/pqina/svelte-filepondComponentYes
:construction:IMaskhttps://imask.js.org/Component-
:construction:Input MaxlengthExclusiveComponent-
:construction:noUiSliderhttps://github.com/leongersen/noUiSliderComponent-
:construction:Pass Scorehttps://github.com/scriptex/pass-scoreComponentYes
:construction:reCAPTCHAhttps://github.com/basaran/svelte-recaptcha-v2Component-
:construction:Tom Selecthttps://tom-select.js.org/ComponentYes
:construction:Tags Inputhttps://github.com/agustinl/svelte-tags-inputComponent-
:construction:Multiselectsplitter?
:construction:Tagifyhttps://yaireo.github.io/tagify

Editors

StatusComponentLibrary
:construction:Quillhttps://quilljs.com

Charts

StatusComponentLibrary
:construction:CarbonChartshttps://github.com/carbon-design-system/carbon-charts
:construction:Frappe Chartshttps://github.com/himynameisdave/svelte-frappe-charts
:construction:Tiny Bar Chartshttps://mitcheljager.github.io/svelte-tiny-linked-charts
:construction:AmChartshttps://www.amcharts.com
:construction:ApexCharts?
:construction:Gantt Charthttps://github.com/ANovokmet/svelte-gantt
:construction:ChartJS?
:construction:Flotcharts?
:construction:Heatmaphttps://github.com/scottbedard/svelte-heatmap

Grids

StatusComponentLibrary
:construction:GridJShttps://gridjs.io
:construction:DataTables?

General

StatusComponentLibrary
:construction:Clipboardhttps://clipboardjs.comComponentNo
:construction:Splidehttps://splidejs.com/
:construction:CountUphttps://github.com/inorganik/CountUp.js
:construction:Svelte Lightboxhttps://github.com/Hejtmus/svelte-lightbox
:construction:Smooth Scrollbarhttps://github.com/idiotWu/smooth-scrollbar
:construction:ScrollToExclusive
:construction:SweetAlert2https://sweetalert2.github.io/
:construction:Toasthttps://github.com/zerodevx/svelte-toast
:construction:Typed.jshttps://github.com/mattboldt/typed.js
:construction:Kanban (Svelte DnD)https://github.com/isaacHagoel/svelte-dnd-action
:construction:Menu?
:construction:BlockUI?
:construction:Cookie?
:construction:Cropper?
:construction:Draggable?
:construction:FullCalendar?
:construction:Drawer?
:construction:jKanbam Board?
:construction:jsTree?
:construction:Quick Search?
:construction:Stepper?
:construction:Sticky?
:construction:Vis-Timeline?

Icons

StatusComponentLibrary
:heavy_check_mark:Material Design Iconshttps://materialdesignicons.com/
:construction:IcoFonthttps://icofont.com/
:construction:Font Awesomehttps://github.com/FortAwesome/Font-Awesome
:construction:Line Awesomehttps://icons8.com/line-awesome
0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago