💄 Reakit theme developed with TypeScript
License: MIT License
If you have recently updated, please read the changelog for details of what has changed.
Read the contributing guide to learn about our development process, and how to craft proposals.
This project is licensed under the terms of the MIT license.
Creation of a styled modal component.
A box that dims the background and displays important information to the user.
Modals are useful for blocking a view with information that must be seen before a user continues through the application.
Creation of a styled floating action button component.
A button that floats at some orientation on the document window that can be popped out for selection of an array of items.
Floating action buttons can be used to simplify page navigation.
Creation of a styled tooltip component.
Element that comes into view when hovering over specific components.
Tooltips provide descriptive textual information for otherwise visual components like icons.
Creation of a styled checkbox component.
Multi-selection boxes.
Checkboxes are useful for logic that may require plural selection.
Creation of an icon component.
A component that can be used to hold icons in SVG format.
Icons are useful for adding visual indicators as guides for UX.
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates are currently rate-limited. Click on a checkbox below to force their creation now.
These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
react, @types/react)react-dom, @types/react-dom).github/workflows/release.yml
actions/checkout v2actions/setup-node v2
package.json
polished ^4.1.3react ^17.0.2react-dom ^17.0.2reakit ^1.3.10styled-components ^5.3.1@babel/core 7.15.8@babel/helper-compilation-targets ^7.15.4@semantic-release/changelog 6.0.0@semantic-release/commit-analyzer 9.0.1@semantic-release/git 10.0.0@semantic-release/npm 8.0.2@semantic-release/release-notes-generator 10.0.2@storybook/addon-actions 6.3.12@storybook/addon-essentials 6.3.12@storybook/addon-links 6.3.12@storybook/react 6.3.12@types/node 16.11.4@types/react 17.0.31@types/react-dom 17.0.10@types/styled-components 5.1.15@typescript-eslint/parser 5.1.0@typescript-eslint/eslint-plugin 5.1.0babel-loader 8.2.3babel-plugin-styled-components 1.13.3commitizen 4.2.4cz-conventional-changelog 3.3.0dotenv-cli 4.0.0eslint 8.1.0eslint-config-prettier 8.3.0eslint-import-resolver-typescript 2.5.0eslint-plugin-import 2.25.2eslint-plugin-jsx-a11y 6.4.1eslint-plugin-prettier 4.0.0eslint-plugin-react 7.26.1eslint-plugin-react-hooks 4.2.0lint-staged 11.2.4husky 7.0.4fork-ts-checker-webpack-plugin 6.4.0prettier 2.4.1pretty-quick 3.1.1semantic-release 18.0.0storybook 6.3.12style-dictionary 3.0.3ts-loader 9.2.6tsconfig-paths-webpack-plugin 3.5.1typescript 4.4.4
Submit sizing properties for style-dictionary.
Sizes for margins, padding, etc.
Build up dictionary for styling Mag UI.
Creation of a styled button component.
A rounded button used for primary, secondary, success, error, and warning actions.
Buttons are some of the most common navigation elements in a given application.
Creation of a styled disclosure component.
Moves like an accordion to display disclosed information.
Disclosures are useful for showing optional information as well as information that may already be known to the user.
Submit breakpoint properties for style-dictionary.
Breakpoints for specific screen sizes.
Build up dictionary for styling Mag UI.
Creation of a styled card component.
A rounded container for storing children inside of.
A card will add to the desired aesthetic for Mag UI.
Creation of a container component.
Margins that determine a containment for all of the elements on a page.
Without a container, margins may be browser-specific which makes it harder to create a shared user experience across platforms.
Creation of a styled tab component.
Selections for moving through routes on a page.
Tabs are a way of maintaining fluid navigation without making a user have to maneuver too far from where they began.
React popper can serve as a way of easily manipulating the position of popover elements.
Creation of a styled grid component.
Grid that styles itself based on breakpoints defined in the style dictionary.
Grids are useful for ensuring information is displayed in a practical way on displays of varying resolution and dimension ratios.
Creation of a styled dropdown component.
A dropdown menu that expands when clicked.
Dropdown menus are useful for navigation and most commonly attached to headers.
Creation of a styled footer component.
A navigation bar that persists at the bottom of every route.
Footers are a common navigation device that Mag UI developers and users will no doubt want access to.
Creation of a styled popover component.
An element similar to a modal but that does not obscure important or large portions of the page.
Popovers can be used like tooltips that are manually triggered.
Creation of a styled separator component.
A visual boundary for separating content.
Not always visible, separators can be used for creating accessible pages by separating information.
Submit typography properties for style-dictionary.
Font size and font family.
Build up dictionary for styling Mag UI.
Creation of a new branch to host the distribution of Storybook's built assets.
Posting the github.io as a website on the main repo page.
This will allow easy previewing of the style of Mag UI for people new to the theme.
Creation of a styled avatar component.
Container for holding user avatars that that maintains a default form for users without images to pull from.
Avatars enhance the feeling of community involvement in an application and are also useful for identification purposes.
Creation of a styled form component.
A form component for creating structures that allow user input such as contact forms, and log in / registration forms.
Forms are useful for interacting with a database as well as authentication purposes.
Creation of a styled portal component.
Component that is isolated from the current DOM heirarchy.
Portals are useful for isolating elements such as with modals.
Creation of a styled header component.
A navigation bar that persists at the top of every route.
Headers are a common navigation device that Mag UI developers and users will no doubt want access to.
Creation of a styled typography component.
A text wrapper that allows for selecting header types as well as sizes determined by the style dictionary.
Easier manipulation of text.
Creation of a styled carousel component.
A component that cycles through a set of graphics.
Carousels are good ways of presenting important pieces of information while also using animation to enhance UX.
Creation of a styled box component.
A wrapper for elements that is styled as flex display.
This acts as a good base for further manipulation and abstracts flex styling.
Creation of a styled radio component.
Circular single-selection buttons.
Radio buttons are useful in contexts where the selected information is singular.
Creation of a styled stack component.
A container that aligns the items with vertically in a column in a form that resembles a stack.
This container will ease the creation of stack by abstracting the process of styling a wrapper to vertically align the elements within.
Creation of a styled input component.
Name and number inputs with prefixes and suffixes.
Inputs are useful for gathering information to be processed by business logic.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.