https://github.com/maximeij/react-csstick

CSS Stick figures and comics
https://github.com/maximeij/react-csstick

Last synced: 2 days ago
JSON representation

CSS Stick figures and comics

• Host: GitHub
• URL: https://github.com/maximeij/react-csstick
• Owner: MaximeIJ
• License: gpl-3.0
• Created: 2022-08-03T14:04:28.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-14T03:52:34.000Z (about 2 years ago)
• Last Synced: 2024-10-30T00:27:10.408Z (17 days ago)
• Language: TypeScript
• Homepage:
• Size: 11 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-csstick

[![npm (scoped)](https://img.shields.io/npm/v/@maximeij/react-csstick?color=green&label=npm%20package&logo=logo)](https://www.npmjs.com/package/@maximeij/react-csstick)

CSS Stick figures and comics

## Features

- Components

  - Comic - Scenes laid out in a pattern

  - Scene - Container for Stick figures to be displayed in

  - Stick - CSS Stick figure with customizable position

  - TextBubble - Rudimentary box with controllable props

Try it live at https://lynxlab.xyz/stick

## Use

You need to import the css once in a parent Component

```

import '@maximeij/react-csstick/css';

```

You can then import individual Components and resources as needed

```

import {Comic, ComicPresets, type ComicProps} from '@maximeij/react-csstick';

```

### Coming soon

- Animations

- Working Storybooks

- Improvements: Comic layout, Text Bubble style

- Stick Accessories: Clothing, Items

### Recent changes

- [Changelog](CHANGELOG.md)