https://github.com/paljs/ui

React Styled Components with bootstrap grid system
https://github.com/paljs/ui

bootstrap components package react react-components reactjs styled-components theme ui-components

Last synced: 20 days ago
JSON representation

React Styled Components with bootstrap grid system

• Host: GitHub
• URL: https://github.com/paljs/ui
• Owner: paljs
• License: mit
• Created: 2019-02-12T07:57:04.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2021-02-17T21:55:11.000Z (almost 4 years ago)
• Last Synced: 2024-11-12T03:02:44.170Z (about 1 month ago)
• Topics: bootstrap, components, package, react, react-components, reactjs, styled-components, theme, ui-components
• Language: TypeScript
• Homepage: https://paljs.com/ui/getting-started
• Size: 5.73 MB
• Stars: 209
• Watchers: 6
• Forks: 35
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

• awesome-github-star - ui
• awesome-luooooob - paljs/ui - React Styled Components with bootstrap grid system (TypeScript)

README

        
![theme](./theme.png)

![components](./components.png)

# What is Pal.js UI?

Pal.js UI is a set of essential modules for your next React application.

The purpose of the modules is to solve generic tasks faster and more efficient so that you can focus on business logic and leave routine behind.

## What's included

Pal.js UI `npm` package contain two things:

- Pal.js UI Theme

  - Theme System - set of `TypeScript` object, which allows you to modify application look & feel by changing variables, with fewer custom styles.

  - Responsive breakpoints - have function to use in your `Styled Components` breakpointUp breakpointDown breakpointBetween breakpointOnly.

  - Server-side rendering compatibility!

  - Right-to-left writing system support for all components.

- Pal.js UI Components

  - Global components (Layout-Card-FlipCard-RevealCard-Accordion-List).

  - Navigation components (Sidebar-Menu-Tabs-Actions).

  - Forms components (InputGroup-Radio-Select-Checkbox-Button).

  - Grid components (Container-Row-Col).

  - Modals & Overlays components (Popover-Toastr-Tooltip-ContextMenu).

  - Extra components (Search-User-Badge-Alert-ProgressBar-ChatUI-Spinner).

EVA ICON `@paljs/eva-icon`

- This is icons package passed on [eva-icon](https://akveo.github.io/eva-icons/) package.

- Admin dashboard starter kit [gatsby-admin-template](https://github.com/paljs/gatsby-admin-template) - Admin dashboard template based on Gatsby with `@paljs/ui` component package.

## The purpose

There are a lot of awesome front-end frameworks out there these days.

They provide a massive quantity of useful features making our lives more comfortable.

Our intention is not to create a new one as we are pretty much aware of the complexity and amount of work developers put on their creations.

But as developers, we feel that nowadays front-end development is disjointed.

You have to search for libraries, go through the different installation process, everything looks different, and sometimes it's just annoying that you can't just sit and start going.

That's why we are on a mission to assemble together the most useful modules and libraries, join them with a unified application and graphical interface creating a great toolkit for easier setup.

## Assumptions

This documentation assumes that you are already familiar with JavaScript, React, CSS and Bootstrap.

## Have questions?

Didn't find something here? Look through the [issues](https://github.com/paljs/ui/issues) or simply drop us a line at .