athenic-ui

Building beautiful React Applications made simple

athenic-ui

View the Documentation

Check out the Demo

Join the discussion on Discord

Install

npm install --save athenic-ui

Usage

import React from "react";

import * as Athenic from "athenic-ui";
import "athenic-ui/dist/index.css";

const MyComponent = () => {
  return <Athenic.H1>Hello World</Athenic.H1>;
};

export default MyComponent;

import React from "react";

import { H1 } from "athenic-ui";
import "athenic-ui/dist/index.css";

const MyComponent = () => {
  return <H1>Hello World</H1>;
};

export default MyComponent;

Examples

import React from "react";

import { Button } from "athenic-ui";
import "athenic-ui/dist/index.css";
import { faShoppingBag } from "@fortawesome/free-solid-svg-icons";

const MyComponent = () => {
  return (
    <Button variant="primary" iconBefore={faShoppingBag}>
      Click me!
    </Button>
  );
};

export default MyComponent;

License

MIT b3h3m0th