# Elena (Design systems)

> Elena is a free, open-source design system built with HTML. Elena is a simple, tiny library for building Progressive Web Components. It has 208 GitHub stars and is released under the MIT license. A live demo is linked from this page.

Elena is a simple, tiny library for building Progressive Web Components. Built with HTML. Released under the MIT license on GitHub.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/arielsalminen/elena |
| Built with | HTML |
| Live demo | https://elenajs.com |
| GitHub template repository | no |
| GitHub stars | 208 |
| License | MIT |
| Language | JavaScript |
| Official | no |
| Category | Design systems |
| Latest release | none |
| Last commit | Aug 3, 2026 |

## Get started

### Copy with degit

```sh
npx degit arielsalminen/elena my-ui
cd my-ui
```

### Or clone with git

```sh
git clone --depth 1 https://github.com/arielsalminen/elena.git my-ui
```

Commercial use depends on the MIT license. Sources: https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template, https://github.com/Rich-Harris/degit

## Similar templates

- [Swiftui Design Skill](https://appsgit.com/templates/swiftui-design-skill): SwiftUI Front-End Design Skills — Six Ironclad Rules Against AI Sloppiness, Design Direction Consulting, Brand Asset Guidelines, and Five-Dimensional Review. (210 stars, MIT)
- [Melta UI](https://appsgit.com/templates/melta-ui): 人間にも、AIにも、読めるデザインシステム — AI-Ready Design System for Claude Code & Cursor. (202 stars, MIT)
- [React Accordion](https://appsgit.com/templates/react-accordion): The complete accordion solution for React. (210 stars, MIT)
- [React Spectrum](https://appsgit.com/templates/react-spectrum): A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. (15,989 stars, Apache-2.0, official)
- [AWS Northstar](https://appsgit.com/templates/aws-northstar): NorthStar is an open source design system with reusable React components for rapidly prototyping intuitive, meaningful and accessible user experience. (215 stars, Apache-2.0, official)
- [Primer CSS](https://appsgit.com/templates/primer-css): Primer is GitHub's design system. This is the CSS implementation. (13,044 stars, MIT)

---

Canonical page: https://appsgit.com/templates/elena
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.