mrterranova / rainbowframes

Make your website colorful with tastefully themed frames.

What is Rainbow Frames?

If you are looking for a great outline theme to border your images, cards, divs, etc., then you've come to the right place. We have a list of themes that might be exactly what you are looking for to border your images!

How to Install

npm i rainbowframes --save or yarn i rainbowframes --save

import { rainbowframes } from 'rainbowframes';

rainbowframes({ theme_border: 'ocean', size: 'medium', sundial: 'none', padding: false });

What's Available?

Rainbowframes currently supports a variety of themes, frame sizes, shadow options, and padding. theme_border: ocean theme_border: christmas theme_border: eastereggs theme_border: halloween theme_border: valentine theme_border: newyear

More Options

• theme_border: sunset
• theme_border: evergreen

Size of the frame are based on t-shirt sizes

• default is medium which is 20px;

  • size: x-small which is 3px;

  • size: small which is 10px;

  • size: large which is 30px;

  • size: x-large which is 40px;

Shadow options under the image are based on the time of the day.

- sundial:  `none` is the default

Other Options Available...
- sunrise 
- morning
- noon
- afternoon
- evening

Padding

true or false are currently the only available options.

rainbowframes's Issues

Check Documentation

Make certain that documentation is correctly written and updated.

create forest frames

develop a frame that contained variations of browns and greens labeled as forest.

Create bananasplit frames

Come up with a theme based in variations of yellows labeled bananasplit

Clean up the README.md file

Improvements on the README.md file needed. Touch up the formatting.

create outer space frames

Come up with a theme based on outer space - be creative. Label as outerspace.