A component library built in TypeScript for React developers who use Tailwind

Elora – A React component library for Tailwind

Elora is a component library built in TypeScript for React developers who use Tailwind in their projects. I wanted to create something that feels as quick and easy to use as slapping together HTML elements…only with JSX elements. 😀


Tailwind will need to be installed for your React project. See instructions here:


Simply run ‘npm install elora’ to install to your React/Tailwind project.

Note: This library is still in it’s infancy. Development works, but when you try to build your React app some stylings will be stripped since I’m using string concatination and PurceCSS doesn’t know it should be kept.

Workaround: I’ve found using these instructions when creating your React app the stylings are kept after you run your build. Essentially these instructions show you how to bypass using CRACO in your config. Expect updates on this topic in the future.


The button component is available now. More to come!


import React from 'react'
import Button from 'elora'

const myButton = () => {
  return (
      className="border shadow border-green-800"
      onClick={() => alert('Bibbity bobbity boop')}
      <p>Click me</p>

Button props:

See button props here

Leave a Reply

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

GIPHY App Key not set. Please check settings

Annotation tool using GrabCut() of OpenCV

Searching for Efficient Multi-Stage Vision Transformers in Pytorch