Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://websemantics.github.io/semantic-ant/
Ant Design inspired theme for Semantic-UI
https://websemantics.github.io/semantic-ant/
Last synced: about 2 months ago
JSON representation
Ant Design inspired theme for Semantic-UI
- Host: GitHub
- URL: https://websemantics.github.io/semantic-ant/
- Owner: websemantics
- License: mit
- Created: 2016-07-31T20:42:48.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2016-09-05T15:59:34.000Z (about 8 years ago)
- Last Synced: 2024-07-27T01:19:37.819Z (about 2 months ago)
- Language: JavaScript
- Homepage: https://websemantics.github.io/semantic-ant/
- Size: 2.59 MB
- Stars: 36
- Watchers: 8
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG
- License: LICENSE
Awesome Lists containing this project
- awesome-semantic-ui - Semantic Ant
README
```
---.
-.. \
_|_|_
__________________________ / O \
|░░░░░░░░░░░░░░░░░░░░░░░░░░|\_______/
|░░░░░░░░░░░░░░░░░░░░░░░░░░| / \
|░░░░░░░░░|` ,|░░░░░░░░| \/ \
|░░░░░░░| |░░░░░░░| /'---'\
|░░░░░░░| |░░░░░░░░░░░░░____/ | \_____
|░░░░░░░| `|░░░░░░░░░░| __/\____/ \_
|░░░░░░░░░░| |░░░░░░░| | \
|░░░░░░░░░░░░░░| |░░░░░░| / \__ /\ '_
|░░░░░░░| `.,. .|░░░░░░| / \__ \ \
|░░░░░░░░| |░░░░░░░░| \ \_\_________\
|░░░░░░░░░░░░░░░░░░░░░░░░░░| \ \ \
|░░░░░░░░░░░░░░░░░░░░░░░░░░| \ \
____ ____ _ _ ____ _ _ ___ _ ____ ____ _ _ ___
[__ |___ |\/| |__| |\ | | | | __ |__| |\ | |
___] |___ | | | | | \| | | |___ | | | \| |
░░░░░░░░░░▒▒▒▒▒▒▒▓▓▓▓▓███ W O R K I N P R O G R E S S ███▓▓▓▓▓▒▒▒▒▒▒░░░░░░░░░░░
```
> [Ant Design](http://ant.design/) inspired theme for [Semantic-UI](http://semantic-ui.com/)
[](https://travis-ci.org/websemantics/semantic-ant)
[Semantic Ant](http://websemantics.github.io/semantic-ant) is a custom theme for building beautiful modern Web apps with the combined awesomeness of [Semantic-UI](http://semantic-ui.com/) framework and the elegant minimal styles of [Ant Design](http://ant.design/) for beautiful and responsive layouts
### [Live demo](http://websemantics.github.io/semantic-ant/)
## Install
Firs install all npm modules
```bash
npm i
```
To build
```bash
npm run build
```
This will compile two themes, the default Semantic-UI theme `default` and Semantic-Ant theme `antd`. The generated styles are stored at `assets/css/ui/antd` and `assets/css/ui/default`.
To achieve this double (or more) builds, the `build` script in `package.json` works behind–the–scenes
to generate two distinct `theme.config` & `semantic.json` copies per build. The template for these are stored in `templates` folder
If you'd like to make changes in development mode, run the `watch` Gulp task for css,
```bash
npm run watch
```
For Javascript development,
```bash
npm run watch:js
```
Finally, if you make changes to Javascript code, here's how to build js files,
```bash
npm run build:js
```
## Theming
The [official documentation](http://semantic-ui.com/usage/theming.html) of Semantic-UI is a great resource that explains with examples how to work with themes. More information about the Semantic-Ant framework and its components can be found in the [documentation section](/docs).
### Progress
- [ ] Reset
- [x] Site
- [x] Button
- [ ] Container
- [ ] Divider
- [ ] Flag
- [ ] Header
- [x] Icon
- [ ] Image
- [ ] Input
- [ ] Label
- [ ] List
- [ ] Loader
- [ ] Rail
- [ ] Reveal
- [x] Segment
- [x] Code Segment :new:
- [ ] Step
- [ ] Breadcrumb
- [ ] Form
- [ ] Grid
- [ ] Menu
- [ ] Message
- [ ] Table
- [ ] Ad
- [ ] Card
- [ ] Comment
- [ ] Feed
- [ ] Item
- [ ] Statistic
- [ ] Accordion
- [ ] Checkbox
- [ ] Dimmer
- [ ] Dropdown
- [ ] Embed
- [ ] Modal
- [ ] Nag
- [ ] Popup
- [ ] Progress
- [ ] Search
- [ ] Shape
- [ ] Sidebar
- [ ] Sticky
- [ ] Tab
- [ ] Transition
- [ ] Api
- [ ] Form
- [ ] State
- [ ] Visibility
## Support
Need help or have a question? post a questions at [StackOverflow](https://stackoverflow.com/questions/tagged/semantic-ant)
*Please don't use the issue trackers for support/questions.*
## Contributions
This project is in development but we are more than happy to accept external contributions to the project in the form of feedback, bug reports and even better - pull requests :)
## Related
[Awesome Ant Design](https://github.com/websemantics/awesome-ant-design), a list of resources for Ant Design.
[Semantic-UI](http://semantic-ui.com/): a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
## Credits
This project uses and is heavily inspired by the following projects
[Ant Design](http://ant.design/), an enterprise-class UI design language and React-based implementation.
[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`.
## License
[MIT license](http://opensource.org/licenses/mit-license.php)
Copyright (c) Web Semantics, Inc.