https://github.com/divriots/starter-furious

Furious - a design system based on FAST Frame
https://github.com/divriots/starter-furious

backlight design-system fast webcomponents

Last synced: 2 days ago
JSON representation

Furious - a design system based on FAST Frame

• Host: GitHub
• URL: https://github.com/divriots/starter-furious
• Owner: divriots
• License: other
• Created: 2021-08-25T09:07:24.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-22T16:04:29.000Z (about 2 years ago)
• Last Synced: 2024-11-10T03:15:49.518Z (5 days ago)
• Topics: backlight, design-system, fast, webcomponents
• Language: JavaScript
• Homepage: https://backlight.dev/preview/xS11aQmjMLIvr5PU5Mru/
• Size: 203 KB
• Stars: 7
• Watchers: 5
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
[![backlight.dev](https://img.shields.io/badge/Open%20in-Backlight.dev%20editor-%23f8c307)](https://backlight.dev/preview/xS11aQmjMLIvr5PU5Mru)

[![Github Repo](https://img.shields.io/github/last-commit/divriots/starter-furious)](https://github.com/divriots/starter-furious)

# Furious Starter Kit 
 for Backlight

**Furious** is a design system starter kit based on [FAST](https://www.fast.design/) and [FAST Frame Design System](https://www.fast.design/docs/design-systems/fast-frame/) (`@microsoft/fast-components`). It configures FAST Frame with sensible defaults, makes it ready for your extensions where needed and lays a foundation for your future documentation.

## Features

- ♻️ Open source

- 🔥 40+ accessible components

- 🎨 Adaptive color system

- 📚 Interactive documentation

- 🌗 Dark mode support out of the box

## Usage

### Duplicate in Backlight

This is the recommended way, as Backlight gives you an all-in-one design system platform.

In order to create your own project from this starter kit using Backlight, go to the [Backlight website](https://backlight.dev/) and sign up or log in if you already have an account. Make sure you have a workspace, then go to [starter-furious](https://backlight.dev/edit/xS11aQmjMLIvr5PU5Mru) and click the **Duplicate** button in the top right corner, this will create a project based on this starter kit for you.

## Documentation

### Design System Documentation

`Furious` is shipped with a good documentation basis which starts in the [introduction](https://backlight.dev/edit/xS11aQmjMLIvr5PU5Mru/introduction/doc/introduction.md) and then walks you through the usage of tokens and components. Just open it and start exploring!

### Backlight Documentation

We created [DS Mastery](https://backlight.dev/mastery/) to help you become a hero in the design system development.

To learn about Backlight features there is an [official documentation](https://backlight.dev/docs/) too.