Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/douglasg14b/awesome-semantic-ui

A curated list of Semantic-UI & Fomantic-UI resources and related projects
https://github.com/douglasg14b/awesome-semantic-ui

List: awesome-semantic-ui

Last synced: 10 days ago
JSON representation

A curated list of Semantic-UI & Fomantic-UI resources and related projects

Awesome Lists containing this project

README 

        
```   

 __________________________    

|░░░░░░░░░░░░░░░░░░░░░░░░░░| 

|░░░░░░░░░|`     ,|░░░░░░░░| 

|░░░░░░░|          |░░░░░░░| A W E S O M E

|░░░░░░░|   |░░░░░░░░░░░░░░|  _______ .___  ___.   ___   .__   __._______. __  ____        __   __   __  

|░░░░░░░|      `|░░░░░░░░░░| |   ____||   \/   |  /   \  |  \ |  |        |  |/    |      |  | |  | |  | 

|░░░░░░░░░░|       |░░░░░░░| |  |__   |  \  /  | /  ^  \ |   \|  `--|  |-`|  |  ,--' ___  |  | |  | |  | 

|░░░░░░░░░░░░░░|    |░░░░░░| |   __|  |  |\/|  |/  /_\  \|  . `  |  |  |  |  |  |   |___| |  | |  | |  | 

|░░░░░░░|   `.,.   .|░░░░░░| |  |____ |  |  |  /  _____  |  |\   |  |  |  |  |  `--.      |  `-'  | |  | 

|░░░░░░░░|        |░░░░░░░░| |_______||__|  |__|_/     \_|__| \__|  |__|  |__|\____|       \_____/  |__| 

|░░░░░░░░░░░░░░░░░░░░░░░░░░| 

|░░░░░░░░░░░░░░░░░░░░░░░░░░| 

```



[![Awesome](https://awesome.re/badge.svg)](https://awesome.re)



> A curated list of [Semantic-UI](http://semantic-ui.com/) and [Fomantic-UI](https://fomantic-ui.com/) themes, resources and related projects. The main idea is that everyone can contribute here, so we can have a central repository of informations related to Semantic/Fomantic.



Inspired by the [awesome](https://github.com/sindresorhus/awesome) list thing.



## Table of Contents



- [Resources](#resources)

- [Themes](#themes)

- [Backend](#backend)

- [Frontend](#frontend)

- [Examples](#examples)

- [Widgets](#widgets)

- [Related](#related)

- [Fomantic?](#fomantic)



## Resources



#### Fomantic UI 



[![](https://img.shields.io/badge/dynamic/json.svg?label=jsdelivr&url=https%3A%2F%2Fdata.jsdelivr.com%2Fv1%2Fpackage%2Fnpm%2Ffomantic-ui&query=%24.tags.latest&colorB=blue)](https://www.jsdelivr.com/package/npm/fomantic-ui)

[![](https://img.shields.io/badge/dynamic/json.svg?label=cdnjs&url=https%3A%2F%2Fapi.cdnjs.com%2Flibraries%2Ffomantic-ui%3Ffields%3Dversion&query=%24.version&colorB=blue)](https://cdnjs.com/libraries/fomantic-ui)



- [Fomantic-UI](https://fomantic-ui.com/): A community fork of the ever loved Semantic-UI.



- [Fomantic-UI-LESS](https://github.com/fomantic/Fomantic-UI-LESS): LESS only distribution of Fomantic UI



- [Fomantic-UI-SASS](https://github.com/fomantic/Fomantic-UI-SASS): Fomantic UI, converted to SASS and ready to drop into Rails & Compass. 



#### Semantic UI



[![](https://img.shields.io/badge/dynamic/json.svg?label=jsdelivr&url=https%3A%2F%2Fdata.jsdelivr.com%2Fv1%2Fpackage%2Fnpm%2Fsemantic-ui&query=%24.tags.latest&colorB=blue)](https://www.jsdelivr.com/package/npm/semantic-ui)

[![](https://img.shields.io/badge/dynamic/json.svg?label=cdnjs&url=https%3A%2F%2Fapi.cdnjs.com%2Flibraries%2Fsemantic-ui%3Ffields%3Dversion&query=%24.version&colorB=blue)](https://cdnjs.com/libraries/semantic-ui)



- [Semantic-UI](http://semantic-ui.com/): An enterprise-class UI design language and React-based implementation.



- [Semantic-UI-LESS](https://github.com/semantic-org/Semantic-UI-LESS): LESS only distribution of Semantic UI



- [Semantic-UI-SASS](https://github.com/doabit/semantic-ui-sass): Semantic UI, converted to SASS and ready to drop into Rails & Compass. 



#### Community



- [Fomantic-UI Discord](https://discord.gg/YChxjJ3): Official Discord server for Fomantic-UI discussion



## Themes



- [Open Theme](https://github.com/manavsehgal/opentheme): Powerful new theme featuring Semantic-UI for speedily creating amazing websites and mobile-hybrid apps on GitHub Pages.



- [Recreating GitHub](https://github.com/Semantic-Org/example-github): A Semantic-UI project designed to showcase theming with examples to create a packaged theme, using component CSS overrides, and managing themes with `theme.config`.



- [Semantic Ant](http://websemantics.github.io/semantic-ant): An [Ant Design](http://ant.design/) inspired theme for building beautiful modern Web apps.



- [Semantic Strap](http://websemantics.github.io/semantic-strap): A beautiful CSS toolkit inspired by Semantic-UI and built with Bootstrap 4.



- [Semantic Dojo](https://websemantics.github.io/semantic-dojo/): A responsive theme that harnesses the style awesomeness of Semantic-UI framework with [Dojo toolkit](https://dojotoolkit.org/) powerful UI widgets, for modern and elegant web apps.



## Backend



- [phpMv-UI toolkit](https://github.com/phpMv/phpMv-UI/): A collection of [php visual components](http://phpmv-ui.kobject.net/index) for Semantic-UI, usable with php and MVC frameworks ([Phalcon](https://phalconphp.com), [Laravel](https://laravel.com), [Yii](http://www.yiiframework.com), [Symfony](https://symfony.com), [CodeIgniter](https://codeigniter.com), [CakePhp](https://cakephp.org)). 



- [Yii2 Semantic UI extension](https://github.com/zelenin/yii2-semantic-ui): A [Yii2](http://www.yiiframework.com) extension for Semantic-UI. 



## Frontend



#### VueJS



- [Semantic-UI-Vue](https://semantic-ui-vue.github.io/): A Semantic-UI-React inspired Vue integration of Semantic-UI



- [Transitions](https://github.com/vueui/transitions): Use Semantic-UI transitions as v-transition in Vue.js.



- [Vue UI](http://vueui.github.io/): This is a [port](https://github.com/vueui) of the Semantic-UI modules as Vue.js components.



- [Vue Semantic](https://github.com/CroudSupport/vue-semantic): A collection of vue components for integrating the semantic ui library.



#### React



- [React Semantic-UI](https://react.semantic-ui.com/): The official Semantic-UI-React library.



- [React Semantic-UI Components](https://github.com/jhudson8/react-semantic-ui): A collection of [React](https://facebook.github.io/react/) components for Semantic-UI. 



- [React Semantify](http://jessy1092.github.io/react-semantify/): Integrate Semantic-ui with react components.



#### Angular



- [Ng2-Semantic-UI](https://edcarroll.github.io/ng2-semantic-ui/#/getting-started): jQueryless Semantic UI Angular Integrations



#### AngularJS



- [Angular Semantic](https://github.com/caitp/angular-semantic): AngularJS directives for Semantic-UI.



- [Angular Semantic-UI](https://github.com/angularify/angular-semantic-ui/): AngularJS native directives for Semantic UI.



#### Others



- [Semantic UI Ember](https://github.com/Semantic-Org/Semantic-UI-Ember): Official Semantic UI Integration for Ember.



- [Semantic-UI Meteor](https://github.com/Semantic-Org/Semantic-UI-Meteor): Official Semantic UI Integration for Meteor.



- [October CMS](https://github.com/christophheich/semantic-ui-octobercms/): Semantic UI - Boilerplate for October CMS.



- [SM Calendar](https://github.com/pinguxx/sm-calendar/): Mithril Semantic-UI calendar widget.



## Examples



#### Repositories



- [Ting](https://github.com/Aufree/ting): A music social networking project written in Ruby on Rails and Semantic-UI.



- [Strong Together](https://github.com/websemantics/strong-together): A starter project to build single page [Vue.js](https://vuejs.org/) apps as stand-alone or for [Laravel](https://laravel.com/) / [Laravel Spark](https://spark.laravel.com/) projects; based on [Browserify](http://browserify.org/) and Semantic-UI.



- [RemoteRetro](https://github.com/stride-nyc/remote_retro): A real-time application for conducting Agile retrospectives at [remoteretro.org](https://remoteretro.org) written in Elixir/Phoenix/React/Semantic-UI.



- [PyroCMS Cheatsheet](http://websemantics.github.io/pyrocms-cheatsheet/): A list of commands and features for PyroCMS 3 using Semantic-UI.



- [Be Awesome](https://github.com/muhibbudins/beawesome): Single page template with Semantic-UI and jquery.



- [Semantic Admin Template](https://github.com/Copypeng/Semantic-Admin-Template): An Admin template with Semantic-UI.



- [React-Semantic.UI-Starter](https://github.com/Metnew/react-semantic.ui-starter): Production-ready, performance-first, starter built with React/Redux/React-Semantic-UI/Webpack/Jest and Service Workers.



#### Functioning Websites



- [Agile Toolkit](https://www.agiletoolkit.org/): UI and Data Framework for Web Apps

- [Elux](https://elux.ee/): Estonian top home appliances e-shop

- [Polipart](https://www.polipart.fr/):  French political site that lets people find and contact their representatives.



## Widgets



- [Weather-Widget](https://github.com/kathawala/weather-widget): A weather widget which can be dropped in with a single `` tag to any website, built with Fomantic UI.

- [Semantic-UI Range](https://github.com/tyleryasaka/semantic-ui-range): Add-on range slider for Semantic UI.

- [Semanti-UI Hamburger Menu](https://github.com/natzar/semantic-ui-hamburger): Add-on responsive menu + hamburger trigger.

- [Fomantic-UI-Examples](https://github.com/perezdev/FUIExamples): A collection of FUI examples such as a password strength box during user account signup



## Related



- [Bragit](http://websemantics.github.io/bragit/): Show off your Github repository buttons with elegance using Semantic-ui labeled buttons.



## Fomantic?



#### What is Fomantic-UI?

[Fomantic-UI](https://github.com/fomantic/Fomantic-UI) (also known as FUI) is a community fork of Semantic-UI. coo



#### Why was it made?

Fomantic-UI (FUI) was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues [Semantic-Org/Semantic-UI/issues/6109](https://github.com/Semantic-Org/Semantic-UI/issues/6109) [Semantic-Org/Semantic-UI/issues/6413](https://github.com/Semantic-Org/Semantic-UI/issues/6413). With that said FUI is currently in the planning stage of a rewrite known as v3. You can find out more about the v3 plans [here](https://github.com/fomantic/Fomantic-UI/issues/319).



#### Should I use FUI instead of SUI?

Currently FUI is a drop in replacement of SUI with lots of bug fixes and new features and also has some new components including a calendar and slider module 😍. If you want a more updated framework then yes you should definitely switch to FUI.



## Contributing



Your contributions are always welcome! [Click Here to read the guidelines](https://github.com/websemantics/awesome-semantic-ui/blob/master/contributing.md).



## Other Awesome Lists



- [Awesome](https://github.com/sindresorhus/awesome)



- [Awesome-awesome](https://github.com/emijrp/awesome-awesome)



- [Awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness)



## License



[![Creative Commons License](http://i.creativecommons.org/l/by/4.0/88x31.png)](http://creativecommons.org/licenses/by/4.0/)



This work is licensed under a [Creative Commons Attribution 4.0 International License](http://creativecommons.org/licenses/by/4.0/).