https://github.com/websemantics/atom-styleguide

Browser-based styleguide show you all the UI components used in Atom
https://github.com/websemantics/atom-styleguide

atom styleguide ui ui-components webpack2

Last synced: 9 months ago
JSON representation

Browser-based styleguide show you all the UI components used in Atom

• Host: GitHub
• URL: https://github.com/websemantics/atom-styleguide
• Owner: websemantics
• License: mit
• Created: 2017-04-03T15:26:53.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-04T15:42:13.000Z (almost 9 years ago)
• Last Synced: 2025-02-17T11:12:14.052Z (12 months ago)
• Topics: atom, styleguide, ui, ui-components, webpack2
• Language: HTML
• Size: 103 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
```

╭─●───────────╮    ╭────────╮ ╭────────╮ ╭────────╮ ╭──╮    ╭──╮

│  ╭───────╮  ●    │  ╭──╮  │ ╰──╮  ╭──╯ │  ╭──╮  │ │   \  /   │

│  │  ╭─╮  │  │    │  ╰──╯  │    │  │    │  │  │  │ │    \/    │

│  │  ╰─╯  │  │    │  ╭──╮  │    │  │    │  │  │  │ │  │\  /│  │

●  ╰───────╯  │    │  │  │  │    │  │    │  ╰──╯  │ │  │ \/ │  │

╰───────────●─╯    ╰──╯  ╰──╯    ╰──╯    ╰────────╯ ╰──╯    ╰──╯

╭─╮    ╭┬╮    ┬ ┬    ┬      ╭─╮    ╭─╮    ┬ ┬    ┬    ╭┬╮    ╭─╮

╰─╮     │     ╰┬╯    │      ├┤     │ ┬    │ │    │     ││    ├┤ 

╰─╯     ┴      ┴     ┴─╯    ╰─╯    ╰─╯    ╰─╯    ┴    ─┴╯    ╰─╯

```

> Browser-based styleguide to show you all the UI components used in [Atom](https://atom.io/).

[![Build Status](https://travis-ci.org/websemantics/atom-styleguide.svg?branch=master)](https://travis-ci.org/websemantics/atom-styleguide) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/websemantics/atom-styleguide/master/LICENSE.md) [![GitHub forks](https://img.shields.io/github/forks/websemantics/atom-styleguide.svg)](https://github.com/websemantics/atom-styleguide/network) [![GitHub stars](https://img.shields.io/github/stars/websemantics/atom-styleguide.svg)](https://github.com/websemantics/atom-styleguide/stargazers)

[![Percentage of issues still open](http://isitmaintained.com/badge/open/websemantics/atom-styleguide.svg)](http://isitmaintained.com/project/websemantics/atom-styleguide "Percentage of issues still open")

#### [View it](http://websemantics.github.io/atom-styleguide/)

![Preview](https://cloud.githubusercontent.com/assets/378023/15767543/ccecf9bc-2983-11e6-9c5e-d228d39f52b0.png)

## Getting Started

Clone this repository,

``` bash

git clone https://github.com/websemantics/atom-styleguide

```

Install dependencies,

``` bash

cd atom-styleguide

npm install

```

Build / Watch to `dist` folder,

``` bash

npm run build 

npm run watch 

```

Start development server,

``` bash

npm run start 

```

## Projects Used

- [Atom](https://github.com/atom/atom) - The hackable text editor

- [Atom Styleguide](https://github.com/atom/styleguide) - A package to exercise all the UI components.

## Support

Need help or have a question? post at [StackOverflow](https://stackoverflow.com/questions/tagged/atom-styleguide+websemantics).

*Please don't use the issue trackers for support/questions.*

*Star if you find this project useful, to show support or simply for being awesome :)*

## Contribution

Contributions to this project are accepted in the form of feedback, bugs reports and even better - pull requests.

## License

[MIT license](http://opensource.org/licenses/mit-license.php) Copyright (c) Web Semantics, Inc.