Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ianwalter/destination

A style sheet that makes website prototypes look beautiful
https://github.com/ianwalter/destination

css prototyping stylesheet tailwind tailwindcss

Last synced: 16 days ago
JSON representation

A style sheet that makes website prototypes look beautiful

Awesome Lists containing this project

README

        

# Destination

**Destination is a style sheet that makes website prototypes look beautiful.**

The styles are derived from the utility-first [Tailwind CSS][twUrl] framework.
This allows nearly unlimited flexibility while prototyping websites. However,
unlike Tailwind, Destination also applies styles from the
[Tailwind Typography][ttUrl] plugin directly to certain HTML elements. You can
still modify most of the base styles by adding utility classes but the base
styles are meant to free you from having to do that. You can see the Tailwind
Typography [demo using Destination here](https://destination.ianwalter.dev/demo).

[twUrl]: https://tailwindcss.com/
[ttUrl]: https://tailwindcss-typography.netlify.app/

Destination is meant to be used when presentation and effort matter more than
bandwidth so it's probably pretty large compared to other style sheets you're
used to (97KB gzipped). You can reduce the size if necessary by purging unused
styles but in most cases it's meant to be loaded via CDN:

```html

```

Destination will also contain some basic component classes in addition to the
ones provided by Tailwind.

## Buttons

### Default Button

```html

Button Label

```

### Color Variants

```html

Button Label

```

## License

Hippocratic License - See [LICENSE][licenseUrl]

 

Created by [Ian Walter](https://ianwalter.dev)

[licenseUrl]: https://github.com/ianwalter/destination/blob/master/LICENSE