{"id":3184,"url":"https://github.com/Lona/Lona","last_synced_at":"2025-08-03T13:32:22.757Z","repository":{"id":39554829,"uuid":"106618491","full_name":"Lona/Lona","owner":"Lona","description":"A tool for defining design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.","archived":false,"fork":false,"pushed_at":"2023-01-04T21:40:53.000Z","size":30415,"stargazers_count":7529,"open_issues_count":120,"forks_count":267,"subscribers_count":174,"default_branch":"master","last_synced_at":"2024-10-29T15:35:12.663Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Lona.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-10-11T23:05:08.000Z","updated_at":"2024-10-18T12:42:21.000Z","dependencies_parsed_at":"2023-02-02T21:00:52.130Z","dependency_job_id":null,"html_url":"https://github.com/Lona/Lona","commit_stats":null,"previous_names":["airbnb/lona"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lona%2FLona","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lona%2FLona/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lona%2FLona/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lona%2FLona/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Lona","download_url":"https://codeload.github.com/Lona/Lona/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228257136,"owners_count":17892650,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-01-05T20:16:33.822Z","updated_at":"2024-12-07T01:30:44.308Z","avatar_url":"https://github.com/Lona.png","language":"Swift","funding_links":[],"categories":["Tools","Swift","HarmonyOS","📦 Legacy \u0026 Inactive Projects"],"sub_categories":["Web View","Windows Manager"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"studio/LonaStudio/Assets.xcassets/AppIcon.appiconset/icon_256x256@2x.png\" width=\"256\" height=\"256\" /\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eLona (Developer Preview)\u003c/h1\u003e\n\n\u003cbr /\u003e\n\n\u003e This project is in an early stage and lacks documentation – however, with some effort, it can be used very effectively. If you're interested in contributing or using it at your company, feel free to open a GitHub issue or get in touch with me on Twitter [@dvnabbott](https://twitter.com/dvnabbott). I'm currently supporting a few early adopters.\n\u003e\n\u003e Airbnb doesn't provide support for this project. The code and automated tests are not at the same degree of technical rigor as other Airbnb projects.\n\n## Overview\n\n[![Build Status](https://travis-ci.org/airbnb/Lona.svg?branch=master)](https://travis-ci.org/airbnb/Lona)\n\nLona is a collection of tools for building design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.\n\nLona consists primarily of 3 parts:\n\n- [Lona Components](#lona-components) - A data format, `.component`, for cross-platform components\n- [Lona Studio](#lona-studio) - A GUI tool for designing `.component` files\n- [Lona Compiler](#lona-compiler) - A CLI tool \u0026 API for generating UI code from `.component` files\n\nWhy Lona? Read more about challenges with cross-platform design systems at scale, and how Lona solves them [here](./docs/overview/background.md).\n\n### Lona Components\n\nA design system is defined in JSON as a collection of:\n\n- Components (can be nested)\n- Colors, Text Styles, Gradients, and Shadows\n- Data Types\n\nThe specification for these files can be found in the [docs](./docs/file-formats/README.md).\n\n### Lona Studio\n\nLona Studio provides a graphical interface for working with `.component` files.\n\nLona Studio is primarily for building component systems, but can also be used for:\n\n- Quickly mocking up new screens from existing components\n- Viewing designs with real data from JSON files or APIs\n- Experimenting with designs across multiple screen sizes\n- Automating design tasks - e.g. localizing screenshots for different languages and exporting hundreds of images\n- Working with animations (Lottie) and rendering videos from them\n- and more!\n\nIf you have Xcode installed, you can try it out by following the [installation instructions](./studio/README.md).\n\n\u003e Wondering if this replaces Sketch? Why a native Mac App? I answer some common questions here in the [FAQ](./docs/overview/faq.md).\n\n### Lona Compiler\n\nThe Lona Compiler converts .component files to UI code for various targets.\n\nCurrently, these targets are supported:\n\n- iOS / macOS (Swift)\n- React DOM / React Native / React Sketchapp (JavaScript)\n\nSupport is planned for:\n\n- Android (Kotlin)\n\nThe target with the most features currently is Swift. However, it's still fairly rough. If you want to try it out, check out the [installation instructions](./compiler/core/README.md).\n\nIf you're looking for a sample of the generated code, check out [the test cases](./examples/generated/test)\n\n## Core Team\n\n- Created by [@dvnabbott](https://twitter.com/dvnabbott)\n- Design tool integrations and infrastructure by [@mathieudutour](https://twitter.com/mathieudutour)\n\n### Contributors\n\n- Lona Compiler development by [@outdooricon](https://github.com/outdooricon)\n- Design \u0026 development help by [@ryngonzalez](https://twitter.com/ryngonzalez)\n- Gorgeous logo by [@pablocar0](https://twitter.com/pablocar0)\n- Lona Studio development by [Nghia Tran](https://github.com/NghiaTranUIT)\n- Swift code generation help by [Laura Skelton](https://twitter.com/skelovenko)\n- Lona Compiler development by [Jason Zurita](https://twitter.com/jasonalexzurita)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLona%2FLona","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FLona%2FLona","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLona%2FLona/lists"}