Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ember-elements/ember-elements

a UI toolkit in Ember ♾️ storybook link(WIP) https://64f3486d17c24063fe86105d-zslyevuhcj.chromatic.com/
https://github.com/ember-elements/ember-elements

design design-system ember ember-addon emberjs sass typescript ui ui-components

Last synced: 3 days ago
JSON representation

a UI toolkit in Ember ♾️ storybook link(WIP) https://64f3486d17c24063fe86105d-zslyevuhcj.chromatic.com/

Awesome Lists containing this project

README

        

![Logo](/packages/core/tests/dummy/public/ember-elements.png)

**Ember Elements** is a UI toolkit built with Typescript and made available as an **Ember addon**. It is based on the awesome **[Blueprint design system](https://blueprintjs.com/docs)**.

[![Build Status](https://travis-ci.org/dunkinbase/ember-elements.svg?branch=main)](https://travis-ci.org/dunkinbase/ember-elements)
[![minified](https://badgen.net/bundlephobia/min/ember-elements)](https://bundlephobia.com/result?p=ember-elements)
[![minified + gzip](https://badgen.net/bundlephobia/minzip/ember-elements)](https://bundlephobia.com/result?p=ember-elements)
[![license](https://badgen.net/github/license/dunkinbase/ember-elements)](https://github.com/dunkinbase/ember-elements/blob/master/LICENSE)
[![release](https://badgen.net/github/release/dunkinbase/ember-elements)](https://github.com/dunkinbase/ember-elements/releases)

## **The Whys**

### Why Ember?

We chose **[EmberJS](https://emberjs.com/)** framework for the productivity and stability it brings to our projects. With this project, we strive to further reduce the time, effort and resources needed to build a web application.

### Why Blueprint?

1. We just loved the design 😍. Moreover, it has been designed with accessibility in mind.
2. The project is mature and had been in production use for quite some time.
3. It is _optimized for building complex, data-dense web interfaces for desktop applications_. This means, it is not a mobile-first UI toolkit. It reinforces our belief that design system should be contextual.
4. Known for its quality in the React ecosystem.
5. Lacked an Ember equivalent.

We strive to attain parity with BlueprintJS in terms of components and quality. We also strive to ensure that there is minimal effort in switching between react and ember elements.

PS: Still confused about the need? Watch [Frédéric Soumaré talk @ EmberConf, 2019](https://www.youtube.com/watch?v=O3RKLHvpUAI&t=6012s)

### Why Typescript?

1. Well who doesnt love it.
2. Increased adoption in Ember ecosystem.
3. Moreover, BlueprintJS(React) is also written in Typescript.

## **Community**

To request a new component, [raise a request](https://github.com/dunkinbase/ember-elements/issues/new?assignees=jugaadi&labels=Type%3A+new+component+&template=new_component_request.md&title=New+component%3A+%3CSection%3E+-+%3CName%3E)

For any other enhancements, [raise an issue here](https://github.com/dunkinbase/ember-elements/issues/new?assignees=&labels=&template=feature_request.md&title=)

To file a bug, [report it here](https://github.com/dunkinbase/ember-elements/issues/new?assignees=&labels=&template=bug_report.md&title=)

For any other contributions, read [CONTRIBUTING.md](CONTRIBUTING.md)

[Join our Slack group to talk to us](https://join.slack.com/t/dunkinbase/shared_invite/enQtNTkzOTg1MzAwOTQ1LWVkNTc0YTQ3ZWJlNDZhNDNlNmU5MjMzNDczNjFkZWZjNTVkNmI5MGU0ZmMyZGY5ZmRhNmZiYmFiMmM0YTY4ZGI)

---