Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/titans-inc/sveltemantic

Fomantic-UI components for Svelte 3
https://github.com/titans-inc/sveltemantic

bindings components fomantic-ui semantic-ui svelte svelte-components sveltemantic widgets

Last synced: about 1 month ago
JSON representation

Fomantic-UI components for Svelte 3

Awesome Lists containing this project

README

        


SvelteMantic logo

![GitHub package.json version](https://img.shields.io/github/package-json/v/titans-inc/sveltemantic)
[![Build Status](https://travis-ci.com/titans-inc/sveltemantic.svg?branch=master)](https://travis-ci.com/titans-inc/sveltemantic)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/dcab98211f284a08ba6729e5cb1753e1)](https://www.codacy.com/app/deviprsd/sveltemantic?utm_source=github.com&utm_medium=referral&utm_content=titans-inc/sveltemantic&utm_campaign=Badge_Grade)
[![Codacy Badge](https://api.codacy.com/project/badge/Coverage/dcab98211f284a08ba6729e5cb1753e1)](https://www.codacy.com/app/deviprsd/sveltemantic?utm_source=github.com&utm_medium=referral&utm_content=titans-inc/sveltemantic&utm_campaign=Badge_Coverage)
![David](https://img.shields.io/david/titans-inc/sveltemantic)
![node](https://img.shields.io/node/v/sveltemantic)
![npm (prod) dependency version](https://img.shields.io/npm/dependency-version/sveltemantic/svelte)
[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Ftitans-inc%2Fsveltemantic.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Ftitans-inc%2Fsveltemantic?ref=badge_shield)
![Copy/Paste](./report/jscpd-badge.svg)

## What is SvelteMantic
**Work in progress - PRs are welcome!**
**Logo redesign PR are welcome as well**

The philosophy of this library is to provide all Fomantic-UI (fork of Semantic-UI as it's not under active development) components for a Svelte/Sapper app, without needing to use Fomantic-UI component classes or needing to include Fomantic-UI's JavaScript.

However, to make using Fomantic-UI themes easier, this library does not embed Fomantic-UI styles directly and you will need to include Fomantic-UI CSS in your web app.

## Docs
If the docs are showing 404, it's just that they are still under contruction (aka still being wriiten). I plan to get this project under beta phase by end of August, 2019. You can help to speed up the process.

## Progress List
### Elements
- [ ] Buttons
- [x] Container
- [ ] Divider
- [x] Flag
- [ ] Header
- [x] Icon
- [ ] Image
- [ ] Input
- [ ] Label
- [ ] List
- [ ] Loader
- [ ] Placeholder
- [ ] Rail
- [ ] Reveal
- [x] Segment
- [x] Step
- [x] Text

### Behaviors
- [ ] Todo

### Collections
- [ ] TODO

### Modules
- [ ] TODO

### Views
- [ ] TODO

## Tests
- [ ] TODO

## Other UI Frameworks
Svelte UI libraries are really starting to make good progress. Check these other framework bindings
- [Svelte 3 Material UI](https://github.com/hperrin/svelte-material-ui)

## License
[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Ftitans-inc%2Fsveltemantic.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Ftitans-inc%2Fsveltemantic?ref=badge_large)