Skip to content

An intuitive, designer-friendly framework to build UI with just markup.

License

Notifications You must be signed in to change notification settings

fictoan/fictoan-react

Repository files navigation

Fictoan Framework

Fictoan-React

React version of the Fictoan framework
Fictoan is an intuitive framework for designers looking to code and rapidly iterate on UI.


Features

  • Simple, straight-forward React custom props, exactly like setting properties in Figma or Sketch.
  • All attributes are intuitive and in plain English.
  • Most attributes and values are the same across different components.

Getting started

  1. Read the Docs.

  2. Install fictoan in your project

    Using pnpm, yarn or npm:

    pnpm add fictoan-react
    # or
    yarn add fictoan-react
    # or
    npm install fictoan-react
  3. Start using!

    import { Card } from "fictoan-react";
    
    const MyComponent = props => {
        return (
            <Card shape="rounded" bgColour="white" borderColour="slate-20" shadow="soft">
                My awesome card
            </Card>
        );
    }

Storybook

Start development server for storybook

yarn storybook

License

Licensed under the MIT License.