Translate/write markup language--e.g., html, css, and markdown--into react components that render appropriately and predictably across host environments--e.g., web and native.
Astly is an innovative library currently in its alpha stage, meaning it comes with a spirit of experimentation but should be approached with caution. It translates markup languages such as HTML, CSS, and Markdown into React components, ensuring they render effectively across various environments. One of the standout features of Astly is its ability to offer a no/low-code solution, empowering content creators to generate React-rendering pages without extensive coding knowledge.
The library leverages the UnifiedJS ecosystem for processing syntax and creates a seamless integration with styled-components for UI consistency. Although Astly is still evolving and not yet ready for production use, it presents a compelling option for developers seeking flexibility and efficiency in building responsive design systems.
No/Low-Code Solution: Astly allows content creators to render entire screens in React with minimal code, making it accessible for non-developers.
UnifiedJS Integration: The library harnesses the power of the UnifiedJS ecosystem to convert markup into React components reliably across different environments.
Styled-Components Based: Incorporating styled-components ensures that visual primitives are aware of their host environment, leading to cohesive design outputs.
Customizable APIs: Astly exposes various APIs that allow developers to override defaults, granting flexibility for teams that wish to incorporate more complex functionalities.
Host-Agnostic Design: The system promotes a “write-once, render anywhere” philosophy, enabling developers to create code that is versatile and reusable across platforms.
System UI Theme Specification: Astly adheres to a themeing paradigm that simplifies the integration of themes, given its compliance with the System UI Theme Specification.
Responsive Typography: With built-in support for typographyjs and react-native-typography, Astly helps maintain user-expected typographic standards across devices.
UI Primitives Availability: Developers can access and utilize Astly’s UI primitives independently to create custom host-agnostic code, enhancing team collaboration.
