UI

Theme by Paljs

|

Updated: 17 Feb 2021

|

210 Stars

React Styled Components with bootstrap grid system

Categories

Overview:

Pal.js UI is a set of essential modules for React applications that aim to solve generic tasks faster and more efficiently. It provides a toolkit for easier setup by assembling useful modules and libraries with a unified application and graphical interface.

Features:

• Pal.js UI Theme: A set of TypeScript objects that allow you to modify the look and feel of your application by changing variables, reducing the need for custom styles.
• Responsive breakpoints: Provides functions to use in Styled Components breakpoints.
• Server-side rendering compatibility: The modules are compatible with server-side rendering.
• Right-to-left writing system support: Supports the right-to-left writing system for all components.
• Global components: Includes Layout, Card, FlipCard, RevealCard, Accordion, and List components.
• Navigation components: Includes Sidebar, Menu, Tabs, and Actions components.
• Forms components: Includes InputGroup, Radio, Select, Checkbox, and Button components.
• Grid components: Includes Container, Row, and Col components for building grids.
• Modals & Overlays components: Includes Popover, Toastr, Tooltip, and ContextMenu components.
• Extra components: Includes Search, User, Badge, Alert, ProgressBar, ChatUI, and Spinner components.
• EVA ICON: A package of icons based on the eva-icon package.
• Admin dashboard starter kit: Provides an admin dashboard template based on Gatsby with the Pal.js UI component package.

Installation:

To install the Pal.js UI theme, follow these steps:

1. Add the Pal.js UI npm package to your project:

npm install @paljs/ui

2. Import the theme system and the components you want to use in your application:

import { Theme, Layout, Card } from '@paljs/ui';

3. Use the imported components in your application:

const App = () => {
  return (
    <Theme>
      <Layout>
        <Card>
          {/* Your content here */}
        </Card>
      </Layout>
    </Theme>
  );
}

Summary:

Pal.js UI is a collection of essential modules for React applications that aims to simplify front-end development. It provides a unified toolkit with pre-built components, a customizable theme system, and support for server-side rendering and right-to-left writing systems. With its easy installation process and extensive range of features, Pal.js UI is designed to streamline the development process and enhance the user experience.