Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/specui/specui

Build UIs with Specs
https://github.com/specui/specui

code-generation javascript specification typescript

Last synced: 2 days ago
JSON representation

Build UIs with Specs

Awesome Lists containing this project

README

        



# SpecUI

Build apps with YAML.

[![License](https://img.shields.io/github/license/specui/specui.svg?style=flat-square)](https://github.com/specui/specui/blob/mistress/LICENSE)
[![npm](https://img.shields.io/npm/v/@specui/core?style=flat-square)](https://npm.im/@specui/core)

Spec. Preview. Ship.

## Overview

SpecUI is a powerful development tool designed to transform specs into fully functional user interfaces.

✍️ Write specs in:

- YAML
- JSON
- Or, JS/TS

⚡️ Generate code for:

- Any language: JavaScript, Go, Python, Ruby, Java
- Any framework: Next.js, Astro, Vue, Angular, Gorm, Django
- Any markup/format/other: HTML, JSON, YAML, CSS

## Quickstart

### CLI

Get up and running with SpecUI in seconds:

```bash
npx @specui/cli new
npx @specui/cli generate
pnpm install
pnpm dev
```

### VS Code Extension

Supercharge your workflow with our [VS Code Extension](https://marketplace.visualstudio.com/items?itemName=specui.specui).

## Docs

Read the docs: https://specui.org/docs

## Features

- **Continuous Code Generation**: Seamlessly update files when your specs or logic change.
- **Spec-Driven**: Keep everything aligned with your vision using structured, spec-based guidance.
- **Versatile**: Generate UI components, APIs, configuration files, and even entire mobile applications.
- **Framework Agnostic**: Build for React, Vue, Angular, or just Vanilla JS.

## How Does It Work?

SpecUI processes your specs using a series of Generators, Templates, and Processors to output clean, production-ready code. It's a spec-first approach that empowers you to ship faster than ever.

## License

SpecUI is released under the [MIT License](https://github.com/specui/specui/blob/main/LICENSE).