KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #ai-agents #dsh-plugin #codex #developer-tools #claude-code #windows #desktop-app #typescript #rust #ai-agent #cli

tachyons-bootstrap

★ 49 Open GitHub ↗

👢Bootstrap recreated using tachyons functional css

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Tachyons Bootstrap

[![GitHub Workflow Status](https://img.shields.io/github/workflow/status/dwyl/tachyons-bootstrap/pages-build-deployment?style=flat-square)](https://github.com/dwyl/tachyons-bootstrap/actions)
[![codecov.io](https://img.shields.io/codecov/c/github/dwyl/tachyons-bootstrap/master.svg?style=flat-square)](https://codecov.io/github/dwyl/tachyons-bootstrap?branch=master)
[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat-square)](https://github.com/dwyl/tachyons-bootstrap/issues)
[![Hit Count](https://hits.dwyl.com/dwyl/tachyons-bootstrap.svg?style=flat-square)](https://hits.dwyl.io/dwyl/tachyons-bootstrap)

View & use Tachyons bootstrap: 
[tachyons-bootstrap.dwyl.com](https://tachyons-bootstrap.dwyl.com)

</div>

## _Why_?

We need to make it easy for people to ship :shipit: as consistently, quickly and painlessly as possible. To aid that we need a **component guide** with detailed examples people can "**copy-paste**" from.

**Tachyons Bootstrap** has been built to demonstrate the **power of tachyons and functional css** and encourage people to _understand_ the code they're implementing.
To learn more about tachyons and why we think it's great, check out:
https://github.com/dwyl/learn-tachyons#why-tachyons

## _What_?

**Tachyons Bootstrap** is inspired by [Bootstrap v3](https://getbootstrap.com/components) (an excellent, comprehensive and reusable set of components). It's a **component guide** built using tachyons that people can use to build/ship their apps _fast_.

## _How_?

**Display component examples alongside their code**, so people can copy and paste to replicate them.

### _Still to come_
+ Create a **Tutorial Blog Post** for how tachyons bootstrap was made.
+ Share the blog and our intro videos with the public!

## Using Tachyons Bootstrap
Find the Tachyons Bootstrap guide at: https://tachyons-bootstrap.dwyl.com/

To use it in your own project:

- Simply add `<link rel="stylesheet" href="https://unpkg.com/tachyons@4.7.0/css/tachyons.min.css"/>
` to the head of your html file to give you access to tachyons classes.
- Copy the component code that you wish to use from the guide.
- **Enjoy your new components** and make them your own! :tada:

## Running this repo

If you wish to run this repo locally, clone it and enter:

`npm start` into the command line

and navigate to `localhost:8000` in your browser.

**NB** - you don't need to run this repo to use Tachyons Bootstrap in your project, this is just an option for people who may wish to explore this repo from a technical perspective or add to it.

All dwyl projects & products use the ["***PETE***" **Stack**](https://github.com/dwyl/technology-stack/#the-pete-stack), which includes tachyons.

tachyons-bootstrap

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README