npm package: @street-of-wolves/bloodyfish
Description: A powerful frontend design tool, like Bootstrap and Tailwind, but more flexible.
Author: Street of Wolves
Latest version: 0.0.7

<p align="center">
  <a href="https://streetofwolves.in/">
    <img src="https://github.com/street-of-wovles/bloodyfish/blob/main/imgs/bloodyfish.png" alt="Bloodyfish Logo" width="165" height="165">
  </a>
</p>

<h3 align="center">Bloody Fish</h3>

<p align="center">
Sketching the Web is now Manageable, and Straightforward to Level the Design.
  <br>
  <a href="https://bloodyfish.streetofwolves.in"><strong>Explore BloodyFish docs » (Under Progress)</strong></a>
  <br>
  <br>
  <a href="https://github.com/street-of-wovles/bloodyfish/issues/new?assignees=&labels=bug&template=bug_report.yml">Report bug</a>
  ·
  <a href="https://github.com/street-of-wovles/bloodyfish/issues/new?assignees=&labels=feature&template=feature_request.yml">Request feature</a>
</p>

### CDN:
```
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@street-of-wolves/bloodyfish@0.0.7/dist/css/main.min.css">
```

### Table of contents
- [Quick start](#quick-start)
- [Stub code](#stub-code)
- [What's included](#whats-included)
- [Bugs and feature requests](#bugs-and-feature-requests)

### Quick start
Several quick start options are available:

- [Download the latest release](https://github.com/street-of-wolves/bloodyfish/archive/refs/tags/v0.0.7.zip)
- Clone the repo: `git clone https://github.com/street-of-wolves/bloodyfish.git`
- Install with [npm](https://www.npmjs.com/): `npm install @street-of-wolves/bloodyfish`
- Install with [yarn](https://wwwyarnpkg.com) `yarn add @street-of-wolves/bloodyfish`

Read the [Getting started page](https://streetofwolves.in/) for information on the framework contents, examples, and more.

### Stub code
```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Bloody Fish</title>

  <!-- links -->
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@street-of-wolves/bloodyfish@0.0.7/dist/css/main.min.css">
  <!-- Other css links -->

</head>
<body>

  <!-- sample code -->

  <div class="center"> <!-- Center the div element -->
    <h1 class="italic">Italic with Flashing Asterisk <sup class="red flash">*</sup></h1> <!-- italicize the h1 -->
    <h1 class="underline">Underlined Sentence or word</h1> <!-- underlining the h1 -->
    <h1 class="green">Text Color Green</h1> <!-- adding color green to h1 -->
    <h1 class="Montez fadeIn">font style Montez with fadeIn Animation</h1> <!-- adding font-style to h1 -->
  </div>

  <!-- End of sample code -->

  <!-- Script tags -->
  <!-- User Defined Scripts / Other Scripts below -->
</body>
</html>
```

### What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

```
@street-of-wolves/bloodyfish/
└── dist/
    └── css/
        ├── animations/
        │     ├── animations.css
        │     └── timers.css
        ├── alignments.css
        ├── cards.css
        ├── char-entities.css
        ├── colors.css
        ├── font-family.css
        ├── hexcolors.css
        ├── main.css
        ├── size.css
        ├── core.css
        └── tags.css

```

### Bugs and feature requests

Have a bug or a feature request? Please first search for existing and closed [issues](https://github.com/street-of-wovles/bloodyfish/issues). If your problem or idea is not addressed yet, [please open a new issue](https://github.com/street-of-wovles/bloodyfish/issues/new).