https://github.com/ziv/xprng
Micro packages of very simple, yet, smart components.
https://github.com/ziv/xprng
angular components ng smart
Last synced: 26 days ago
JSON representation
Micro packages of very simple, yet, smart components.
- Host: GitHub
- URL: https://github.com/ziv/xprng
- Owner: ziv
- License: mit
- Created: 2024-07-21T11:17:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-26T16:48:15.000Z (about 1 month ago)
- Last Synced: 2025-09-26T17:34:56.564Z (about 1 month ago)
- Topics: angular, components, ng, smart
- Language: TypeScript
- Homepage: https://ziv.github.io/xprng/
- Size: 5.7 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: license
Awesome Lists containing this project
- fucking-awesome-angular - xprng - Micro packages of simple and smart components for Angular. (Third Party Components / Mixed Utilities)
- awesome-angular - xprng - Micro packages of simple and smart components for Angular. (Third Party Components / Mixed Utilities)
README
# (XPR)Experimental (NG)Angular Components
Micro packages of very simple, yet, smart components.
[](https://github.com/ziv/xprng/actions/workflows/ci.yml)
Compatible with **Zoneless** Angular 20+.
| Package | Name | Version | Content |
| ----------------- | ------------------------------------ | ---------------------------------------------------------------- | ---------------------------- |
| `@xprng/common` | [Common](xprng/common/README.md) |  | State directives |
| `@xprng/vendor` | [Vendor](xprng/vendor/README.md) |  | 3rd party libraries bindings |
| `@xprng/markdown` | [Markdown](xprng/markdown/README.md) |  | Markdown component |
| `@xprng/code` | [Code](xprng/code/README.md) |  | Code highlighter component |
| `@xprng/slides` | [Slides](xprng/slides/README.md) |  | Slides viewer component |
---
## Why?
Well, this is not **another components library**, but rather a **collection** of
micro packages that provide simple, yet smart components that can be used in any
Angular application.
The components are designed to be **lightweight**, easy to use, and highly
customizable. They are built with the latest Angular features and best practices
in mind.
The components are **not opinionated**, meaning you can use them in any way you
like, without being forced to follow a specific design or architecture.
The components are shipped **without styles**, but rather with a set of
directives and classes that can be used to style the components in any way you
like. This allows you to use the components in your own design system without
having to worry about styles.
For any questions, issues, or feature requests, feel free to contact me, or open
an issue in this repository.
### Shiki
[Shiki](https://shiki.style/) is a powerful syntax highlighter that supports a
wide range of languages and themes. It is used in the `@xprng/code` and
`@xprng/markdown` packages to provide syntax highlighting for code blocks.
It has been chosen for its lack of need to bundle CSS files and the ability to
load languages and themes on demand.
### Marked
[Marked](https://marked.js.org/) is a fast and lightweight markdown parser that
is used in the `@xprng/markdown` package to parse markdown content. It is highly
customizable and supports a wide range of features.
It has been chosen for its speed and simplicity, making it a great choice for
parsing markdown content in Angular applications and because I already
contributed to the project in the past :)
---
Made with ❤️ for the Angular community.