Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fictoan/fictoan-react
An intuitive, designer-friendly framework to build UI with just markup.
https://github.com/fictoan/fictoan-react
css css-framework hacktoberfest hacktoberfest2021 react reactjs storybook styled-components ui-components
Last synced: 3 days ago
JSON representation
An intuitive, designer-friendly framework to build UI with just markup.
- Host: GitHub
- URL: https://github.com/fictoan/fictoan-react
- Owner: fictoan
- License: mit
- Created: 2020-01-12T07:13:13.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2024-11-05T13:27:32.000Z (9 days ago)
- Last Synced: 2024-11-05T14:32:17.643Z (9 days ago)
- Topics: css, css-framework, hacktoberfest, hacktoberfest2021, react, reactjs, storybook, styled-components, ui-components
- Language: TypeScript
- Homepage: https://fictoan.io
- Size: 87.2 MB
- Stars: 21
- Watchers: 2
- Forks: 3
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
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](https://fictoan.io/).
2. Install fictoan in your project
Using `pnpm`, `yarn` or `npm`:
```sh
pnpm add fictoan-react
# or
yarn add fictoan-react
# or
npm install fictoan-react
```
3. Start using!
```jsx
import { Card } from "fictoan-react";
const MyComponent = props => {
return (
My awesome card
);
}
```
---
## Storybook
Start development server for storybook
```sh
yarn storybook
```
---
## License
Licensed under the [MIT License](LICENSE).