{"id":13479276,"url":"https://github.com/paljs/ui","last_synced_at":"2025-04-06T03:07:41.244Z","repository":{"id":57095739,"uuid":"170276272","full_name":"paljs/ui","owner":"paljs","description":"React Styled Components with bootstrap grid system","archived":false,"fork":false,"pushed_at":"2021-02-17T21:55:11.000Z","size":6006,"stargazers_count":210,"open_issues_count":4,"forks_count":35,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-01T03:02:39.045Z","etag":null,"topics":["bootstrap","components","package","react","react-components","reactjs","styled-components","theme","ui-components"],"latest_commit_sha":null,"homepage":"https://paljs.com/ui/getting-started","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/paljs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-02-12T07:57:04.000Z","updated_at":"2025-03-26T07:35:11.000Z","dependencies_parsed_at":"2022-08-22T21:40:33.818Z","dependency_job_id":null,"html_url":"https://github.com/paljs/ui","commit_stats":null,"previous_names":["ahmedelywa/oah-ui"],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paljs%2Fui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paljs%2Fui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paljs%2Fui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paljs%2Fui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/paljs","download_url":"https://codeload.github.com/paljs/ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247427006,"owners_count":20937201,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","components","package","react","react-components","reactjs","styled-components","theme","ui-components"],"created_at":"2024-07-31T16:02:12.637Z","updated_at":"2025-04-06T03:07:41.208Z","avatar_url":"https://github.com/paljs.png","language":"TypeScript","readme":"![theme](./theme.png)\n\n![components](./components.png)\n\n# What is Pal.js UI?\n\nPal.js UI is a set of essential modules for your next React application.\n\nThe 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.\n\n## What's included\n\nPal.js UI `npm` package contain two things:\n\n- Pal.js UI Theme\n  - Theme System - set of `TypeScript` object, which allows you to modify application look \u0026 feel by changing variables, with fewer custom styles.\n  - Responsive breakpoints - have function to use in your `Styled Components` breakpointUp breakpointDown breakpointBetween breakpointOnly.\n  - Server-side rendering compatibility!\n  - Right-to-left writing system support for all components.\n- Pal.js UI Components\n  - Global components (Layout-Card-FlipCard-RevealCard-Accordion-List).\n  - Navigation components (Sidebar-Menu-Tabs-Actions).\n  - Forms components (InputGroup-Radio-Select-Checkbox-Button).\n  - Grid components (Container-Row-Col).\n  - Modals \u0026 Overlays components (Popover-Toastr-Tooltip-ContextMenu).\n  - Extra components (Search-User-Badge-Alert-ProgressBar-ChatUI-Spinner).\n\nEVA ICON `@paljs/eva-icon`\n\n- This is icons package passed on [eva-icon](https://akveo.github.io/eva-icons/) package.\n\n- 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.\n\n## The purpose\n\nThere are a lot of awesome front-end frameworks out there these days.\nThey provide a massive quantity of useful features making our lives more comfortable.\nOur 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.\nBut as developers, we feel that nowadays front-end development is disjointed.\nYou 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.\nThat'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.\n\n## Assumptions\n\nThis documentation assumes that you are already familiar with JavaScript, React, CSS and Bootstrap.\n\n## Have questions?\n\nDidn't find something here? Look through the [issues](https://github.com/paljs/ui/issues) or simply drop us a line at \u003chello@paljs.com\u003e.\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaljs%2Fui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaljs%2Fui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaljs%2Fui/lists"}