souporserious / Jsxui
Primitive elements to build isomorphic user interfaces in React.
Stars: ✭ 105
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Jsxui
Sax Wasm
The first streamable, fixed memory XML, HTML, and JSX parser for WebAssembly.
Stars: ✭ 89 (-15.24%)
Mutual labels: jsx
Dataformsjs
🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
Stars: ✭ 95 (-9.52%)
Mutual labels: jsx
Karet
Karet is a library that allows you to embed Kefir observables into React VDOM
Stars: ✭ 81 (-22.86%)
Mutual labels: jsx
React Atomic Structure
Basic Structure for React app following Atomic Design
Stars: ✭ 89 (-15.24%)
Mutual labels: jsx
Reason Reactify
🚀 Transform a mutable tree into a functional React-like API
Stars: ✭ 102 (-2.86%)
Mutual labels: jsx
Vscode Glean
The extension provides refactoring tools for your React codebase
Stars: ✭ 1,194 (+1037.14%)
Mutual labels: jsx
Component Playground
A component for rendering React components with editable source and live preview
Stars: ✭ 1,148 (+993.33%)
Mutual labels: jsx
Jsx Ast Utils
AST utility module for statically analyzing JSX
Stars: ✭ 89 (-15.24%)
Mutual labels: jsx
React 3d Viewer
A 3D model viewer component based on react.js 一个基于react.js的组件化3d模型查看工具
Stars: ✭ 100 (-4.76%)
Mutual labels: jsx
Babel Plugin React Persist
Automatically useCallback() & useMemo(); memoize inline functions
Stars: ✭ 91 (-13.33%)
Mutual labels: jsx
⚠️ Currently under development, not ready for use yet
This library is currently unstable and the API is in flux. It is being worked on in the open for better exposure, please feel free to file an issue if you have any questions or suggestions. As of right now, packages aren't published yet and documentation may be lacking or stale.
A set of primitive elements to help build cross-platform user interfaces in React.
Example
import React from 'react'
import { Overrides, Stack, Text, Tokens } from '@jsxui/react'
const tokens = {
fontFamilies: {
body: 'Muli',
},
fontSizes: {
xsmall: 12,
small: 14,
medium: 16,
large: 22,
xlarge: 32,
},
fontWeights: {
light: '300',
medium: '400',
bold: '700',
},
colors: {
background: '#083cb6',
foreground: 'white',
},
}
const overrides = [
<Text family="body" size="medium" weight="light" color="foreground" />,
]
export default () => {
return (
<Tokens {...tokens}>
<Overrides value={overrides}>
<Stack space="1fr">
<Text>JSX UI</Text>
</Stack>
</Overrides>
</Tokens>
)
}
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].