Ember Elements
Ember Elements
a UI toolkit in Ember ♾️ storybook link(WIP) https://64f3486d17c24063fe86105d-zslyevuhcj.chromatic.com/
Overview:
LogoEmber Elements is a UI toolkit built with Typescript and made available as an Ember addon. It is based on the Blueprint design system, known for its quality in the React ecosystem. The goal of LogoEmber Elements is to provide a UI toolkit for EmberJS projects that is both productive and stable. It aims to reduce the time, effort, and resources needed to build a web application by offering a mature and well-designed set of components that are optimized for building complex, data-dense web interfaces for desktop applications.
Features:
- Typescript Compatibility: LogoEmber Elements is built with Typescript, making it compatible with the increasing adoption of Typescript in the Ember ecosystem.
- Based on Blueprint Design System: The UI toolkit is based on the Blueprint design system, which is known for its quality in the React ecosystem. This ensures that LogoEmber Elements provides components of high quality and accessibility.
- Ember Addon: LogoEmber Elements is made available as an Ember addon, allowing for easy installation and integration into EmberJS projects.
- Productivity and Stability: The choice of EmberJS as the framework for LogoEmber Elements is based on its productivity and stability, which helps to enhance the development process of web applications.
- Contextual Design System: LogoEmber Elements is not a mobile-first UI toolkit but is optimized for building complex, data-dense web interfaces for desktop applications. This contextual approach to design ensures that the toolkit aligns with the needs of desktop-based projects.
- Effortless Switching Between React and Ember Elements: LogoEmber Elements strives to attain parity with BlueprintJS in terms of components and quality. It also aims to ensure seamless integration and minimal effort in switching between React and Ember elements.
- Active Community Engagement: The LogoEmber Elements project has an active community where users can request new components, raise issues, file bugs, and contribute to the project. The project also has a Slack group for users to engage and communicate with the developers.
- Ember
Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.