<h2>Overview</h2>
<p>The Ember Addon Viewer is a handy tool designed to provide insights into the addons used within your Ember.js application. This intuitive viewer allows developers to visualize and understand the various addons, making it easier to manage dependencies and configurations. Whether you are building a complex project or just starting out, this addon brings clarity to the development process.</p>
<p>With compatibility for Ember.js versions 3.4 and above, Ember CLI 2.13 and above, and Node.js 8 and above, it's a powerful addition to any developer's toolkit. The installation process is straightforward, providing a user-friendly interface to interact with your application's addons.</p>
<h2>Features</h2>
<ul>
<li><strong>Compatibility</strong>: Works seamlessly with Ember.js v3.4+, Ember CLI v2.13+, and Node.js v8+, ensuring a broad range of use cases.</li>
<li><strong>Ease of Installation</strong>: Simply install the addon and navigate to /addon-viewer to instantly access the UI without any complicated setup.</li>
<li><strong>Non-production Build</strong>: The viewer is designed to be excluded from production builds by default, so you can develop without impacting performance.</li>
<li><strong>Configurable</strong>: Customize the viewer's inclusion by adjusting settings in your config/environment.js, making it adaptable to your project's needs.</li>
<li><strong>Contributing</strong>: A dedicated guide for contributions encourages community involvement, allowing developers to enhance the tool further.</li>
<li><strong>MIT License</strong>: As an open-source project under the MIT License, users can freely use, modify, and distribute the addon, fostering an inclusive development environment.</li>
</ul>


<h2>Overview</h2>
<p>The ember-inline-component Blueprint Addon is a tool for Ember Components that allows for inline templates. This addon utilizes the ember-cli-htmlbars-inline-precompile addon behind the scenes. It is useful for prototyping and fast development, allowing for the template to be built inside the source code itself, without the need for a separate template file. The addon can also be used within an addon project.</p>
<h2>Features</h2>
<ul>
<li>Inline templates for Ember Components</li>
<li>Convenient for prototyping and fast development</li>
<li>Can be used within an addon project</li>
</ul>
<h2>Summary</h2>
<p>The ember-inline-component Blueprint Addon is a useful tool for Ember development, allowing for inline templates within Components. It provides the flexibility to build components with the template inside the source code itself, which is great for prototyping and fast development. The addon can be easily installed and used in any Ember project, including addon projects.</p>


<h2>Overview:</h2>
<p>The Ember Shadow DOM addon allows developers to write templates for their components inside of a Shadow DOM root, providing encapsulation of styles (CSS) and markup (HTML) while still using familiar templates.</p>
<h2>Features:</h2>
<ul>
<li>Support for SSR/FastBoot in Chrome 90+</li>
<li>Compatibility with Ember.js v3.16 or above, Ember CLI v2.13 or above, and Node.js v12 or above</li>
<li>Use of {{yield}} instead of &#x3C;slots> in Ember components</li>
<li>API to customize the mode and tagName of the Shadow Root</li>
<li>Support for testing components with an open shadow root using qunit-dom</li>
<li>Contribution and license details</li>
</ul>
<h2>Summary:</h2>
<p>The Ember Shadow DOM addon provides developers with a convenient way to leverage the benefits of Shadow DOM in their Ember applications. It allows for encapsulated styles and markup, compatibility with SSR/FastBoot, and easy testing. With detailed installation and usage guides, developers can easily incorporate this addon into their Ember projects.</p>


<h2>Overview</h2>
<p>Ember Supabase is an impressive integration that brings the power of Supabase to Ember applications, seamlessly combining the capabilities of Ember Data and Ember Simple Auth. With its compatibility extending to newer versions of Ember.js and Node.js, developers can easily implement authentication and data management into their projects. This toolkit not only enhances development speed but also allows for a more streamlined experience when working with Supabase.</p>
<p>The straightforward installation and usage instructions are a great strength, making it accessible even for those new to either Ember or Supabase. This integration is ideal for developers looking to take advantage of the powerful backend functionality provided by Supabase while continuing to leverage the robust features of Ember.</p>
<h2>Features</h2>
<ul>
<li><strong>Compatibility:</strong> Fully compatible with Ember.js v3.24 or above, Ember CLI v3.24 or above, and Node.js v12 or above, ensuring a modern development experience.</li>
<li><strong>Ember Data Integration:</strong> Simplifies data handling in your Ember applications by allowing easy interaction with Supabase's database features.</li>
<li><strong>Enhanced Authentication:</strong> Leverages Ember Simple Auth for easy implementation of user authentication with Supabase.</li>
<li><strong>Robust Documentation:</strong> Clear and concise documentation provided for installation and usage, making it easy for developers to get started.</li>
<li><strong>Community Contributions:</strong> Open to contributions, meaning the library can evolve with community involvement and feedback.</li>
<li><strong>MIT License:</strong> Licensed under the MIT License, which allows for flexibility and ease of use within projects.</li>
</ul>


<h2>Overview:</h2>
<p>The ember-template-imports addon enables users to use import-style syntax in template files to create local bindings to a component. It combines pods and angle bracket components, resulting in more concise component invocation while explicitly indicating where the component comes from. This addon also allows the usage of relative imports and provides autocomplete for imported components through the Unstable Ember Language Server.</p>
<h2>Features:</h2>
<ul>
<li><strong>Use pods and angle bracket components together</strong>: This addon combines pods and angle bracket components in template files.</li>
<li><strong>More concise component invocation while making it explicit where it comes from</strong>: The import-style syntax allows for shorter and more explicit component invocation.</li>
<li><strong>No hyphens needed</strong>: Unlike traditional component invocation, this addon does not require hyphens.</li>
<li><strong>Relative imports</strong>: Users can use relative imports, making it easier to specify component paths.</li>
</ul>
<h2>Summary:</h2>
<p>The ember-template-imports addon allows users to use import-style syntax in template files, making it easier and more concise to invoke components. It combines pods and angle bracket components, providing a solution for nested components and improving component traceability. By leveraging the component and let helpers, this addon creates a local alias for the component and enables the use of relative imports. However, it is important to note that this addon is not official and may be subject to change once an official solution is available.</p>


<h2>Overview:</h2>
<p>The ember-template-input is an Ember input component that allows users to easily build template strings from a list of available options. This component can be installed through NPM and requires the use of Ember CLI. It provides a way to define options as an array of strings and a template string that includes placeholders for the options. This component also includes an onChange action that returns the updated template. However, it is important to note that this addon does not work with the Grammarly extension enabled.</p>
<h2>Features:</h2>
<ul>
<li><strong>Build Template Strings:</strong> Easily build template strings by selecting options from a list.</li>
<li><strong>Options Array:</strong> Define options as an array of strings to be used in the template.</li>
<li><strong>Template String Placeholder:</strong> Use placeholders in the template string to dynamically insert selected options.</li>
<li><strong>onChange Action:</strong> Get the updated template string through the onChange action.</li>
</ul>
<h2>Summary:</h2>
<p>The ember-template-input is a useful Ember input component that simplifies the process of building template strings using selected options. It provides a straightforward way to define options, create a template string, and receive the updated template through an onChange action. However, it should be noted that this component is not compatible with the Grammarly extension.</p>


<h2>Overview</h2>
<p>The Ember Component for Bootstrap 3 Pagination &#x26; Pager is a powerful tool designed for developers looking to implement pagination in their applications seamlessly. Built for compatibility with Ember.js v3.12 and above, this robust component allows users to navigate through multiple pages effortlessly. With its strong adherence to the original Bootstrap components, it provides both a familiar look and extensive customization options.</p>
<p>This pagination component is not just functional; it also offers flexibility for developers with various configurations and settings, making it easy to manage how users interact with content across pages. Whether you need a simple pagination system or a more intricate pager layout, this Ember component has you covered.</p>
<h2>Features</h2>
<ul>
<li><strong>Compatibility</strong>: Works with Ember.js v3.12+, Ember CLI v2.13+, and Node.js v10+, ensuring robust performance across platforms.</li>
<li><strong>Customizable Pagination</strong>: Adjust the first and last pages with <code>firstPage</code> and <code>lastPage</code> options, allowing for tailored user experiences.</li>
<li><strong>Pager Option</strong>: Easily switch to a pager UI by setting the <code>pager</code> attribute to true, suitable for applications needing simplified navigation.</li>
<li><strong>Dynamic URL Handling</strong>: Use the <code>urlTemplate</code> option to create custom URLs, facilitating direct access to specific pages in the format required.</li>
<li><strong>Visibility Control</strong>: Options like <code>@hide</code> and <code>@autoHide</code> allow you to manage the component's visibility depending on certain conditions, improving UI cleanliness.</li>
<li><strong>Button Customization</strong>: Customize button text for pagination and pager components with options like <code>@paginationNext</code>, <code>@pagerPrevious</code>, and more to meet your app’s tone.</li>
<li><strong>Action Handling</strong>: The <code>@change</code> action provides flexibility to manage page changes, returning both the current and previous page for adaptive user interactions.</li>
<li><strong>Versatile Testing</strong>: Ajax calls and testing are straightforward, with commands for building and serving the demo app directly, making development and debugging more efficient.</li>
</ul>


Knownasilya

Ember Addon Viewer

Ember Inline Component

Ember Shadow Dom

Ember Supabase

Ember Template Imports

Ember Template Input

Pagination Pager