Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@react-ui-org/react-ui
Advanced tools
React components for your design system.
React UI is a themeable, performant, responsive UI library for React apps. Use it simply with no configuration or have full control over your design by tweaking some of the hundreds theming options available.
Why another UI library? Because we couldn't find any library that would meet these requirements:
🎨 Full control over design, from design tokens to components. Hundreds of CSS custom properties allow you to customize the design of your app without touching JS.
📦 Smart defaults, out of the box. Create rapid prototypes that look great with no additional effort.
🚀 Small bundle size. Because performance matters.
Development of React UI is largely supported by RACOM—one of the leading global players in wireless Critical Infrastructure.
To install React UI in your app:
Install react-ui
with npm. Make sure you also have prop-types
, react
and
react-dom
installed.
npm install --save @react-ui-org/react-ui
Load the Titillium Web font:
<link
href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap"
rel="stylesheet"
/>
Load React UI CSS in your app:
import '@react-ui-org/react-ui/dist/react-ui.css';
Import and use any of React UI components in your app:
import { Button } from '@react-ui-org/react-ui';
<Button label="My Button" />
Head to the docs to see how to use, customize, and extend React UI.
It is possible to run React UI in your app in development mode. This is useful because:
To enable development mode, add the following code to the webpack.config.js
file in your app:
module.exports = (env, argv) => ({
resolve: {
alias: {
// Allow to run react-ui in development mode for easier development.
'@react-ui-org/react-ui$': argv.mode === 'production'
? '@react-ui-org/react-ui/dist/react-ui.js'
: '@react-ui-org/react-ui/dist/react-ui.development.js',
'@react-ui-org/react-ui/dist/react-ui.css': modeArgument === 'production'
? '@react-ui-org/react-ui/dist/react-ui.css'
: '@react-ui-org/react-ui/dist/react-ui.development.css',
},
},
});
Then run webpack with the --mode=production
or --mode=development
flag.
We appreciate any contributions you might make. 🙏
Please check out our Contributing Guide. It includes contribution guidelines and information on how to run and develop the project.
FAQs
React UI is a themeable UI library for React apps.
We found that @react-ui-org/react-ui demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.