knipferrc / Tails Ui
Licence: mit
๐ Clean UI based on tailwindcss
Stars: โญ 162
Programming Languages
ocaml
1615 projects
Projects that are alternatives of or similar to Tails Ui
react-library-starter
A library starter kit and bundler for your React projects, powered by Rollup. โก
Stars: โญ 22 (-86.42%)
Mutual labels: styled-components, rollup
eleventy-chirpy-blog-template
Blog template for 11ty based on Chirpy UX
Stars: โญ 37 (-77.16%)
Mutual labels: rollup, tailwindcss
react-component-lib
Boilerplate repo for creating npm packages with React components written in TypeScript and using styled-components
Stars: โญ 69 (-57.41%)
Mutual labels: styled-components, rollup
ontwik-ui
ontwik-ui - A headless UI library
Stars: โญ 52 (-67.9%)
Mutual labels: styled-components, rollup
Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: โญ 29 (-82.1%)
Mutual labels: rollup, tailwindcss
react-native-whirlwind
Whirlwind is a utility-first styling framework specifically designed for React Native. It is heavily inspired by Tachyons and Tailwind CSS and uses low-level building blocks for rapidly building custom designs.
Stars: โญ 91 (-43.83%)
Mutual labels: styled-components, tailwindcss
twin.examples
Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.
Stars: โญ 320 (+97.53%)
Mutual labels: styled-components, tailwindcss
markushatvan.com
Personal website and blog written from scratch with SvelteKit and TailwindCSS.
Stars: โญ 82 (-49.38%)
Mutual labels: rollup, tailwindcss
Twin.macro
๐ฆนโโ๏ธ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Stars: โญ 5,137 (+3070.99%)
Mutual labels: styled-components, tailwindcss
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: โญ 32 (-80.25%)
Mutual labels: rollup, tailwindcss
Eleventy Starter
ARCHIVED: An Eleventy starting point with Tailwind and Svelte preconfigured.
Stars: โญ 118 (-27.16%)
Mutual labels: rollup, tailwindcss
Tailwind Styled Component
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
Stars: โญ 57 (-64.81%)
Mutual labels: styled-components, tailwindcss
Xstyled
A utility-first CSS-in-JS framework built for React. ๐
๐ฉโ๐คโก๏ธ
Stars: โญ 1,835 (+1032.72%)
Mutual labels: styled-components, tailwindcss
Styled Bootstrap
๐
๐ป A styled-component implementation of Bootstrap
Stars: โญ 154 (-4.94%)
Mutual labels: styled-components
Devfolio
A modern and production-ready personal portfolio + blog template built with GatsbyJs and TailwindCSS
Stars: โญ 154 (-4.94%)
Mutual labels: tailwindcss
Goober
๐ฅ goober, a less than 1KB ๐ css-in-js alternative with a familiar API
Stars: โญ 2,317 (+1330.25%)
Mutual labels: styled-components
Tailwind Cards
A growing collection of text/image cards you can use/copy-paste in your tailwind css projects
Stars: โญ 154 (-4.94%)
Mutual labels: tailwindcss
Tailwindcss Dir
Adds direction (LTR, RTL) variants to your Tailwind project
Stars: โญ 156 (-3.7%)
Mutual labels: tailwindcss
Figmatocode
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
Stars: โญ 2,299 (+1319.14%)
Mutual labels: tailwindcss
Tails-UI
React UI components using tailwindcss
Components:
- Alert
- Article
- Box
- Breadcrumbs
- Button
- Card
- CodeBlock
- DangerousHTML
- Dropdown
- Flex
- ImageCarousel
- Loader
- MegaFooter
- Modal
- Navbar
- Panel
- Portal
- ProgressBar
- RenderIf
- Select
- Space
- Tab
- Table
- Tabs
- Text
- TextArea
- TextField
- TruncateText
Installation:
npm i tails-ui
Usage:
- Make sure to import the tails-ui css file
import 'tails-ui/dist/index.css'
- Documentation site is coming soon with all the component api's
import React from 'react'
import { Button } from 'tails-ui'
const Button = () => (
<Button
color="blue"
type="submit"
fullWidth
outline
>
Submit
</Button>
)
export default Button
Running Locally:
- You can run
npm link
inside tails-ui and thennpm link tails-ui
inside a project you have created to test the components locally. - You can run
npm start
to start tails-ui in watch mode and it will compile any new components you add. -
npm test
will run jest
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].