
Research
Security News
The Growing Risk of Malicious Browser Extensions
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
@ark-ui/react
Advanced tools
A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.
Ark UI is a headless, open-source UI library with over 45+ components designed for building reusable, scalable Design Systems. It supports a wide range of JavaScript frameworks, offering dedciated packages for each supported framework.
Ark UI is available for the following JavaScript frameworks:
@ark-ui/react
@ark-ui/solid
@ark-ui/vue
To install @ark-ui/react
, run the following command:
npm install @ark-ui/react
or with yarn:
yarn add @ark-ui/react
To use a component from @ark-ui/react
, import it and include it in your application:
import { Slider } from '@ark-ui/react'
import { useState } from 'react'
export const MySlider = () => {
const [value, setValue] = useState([30])
return (
<Slider.Root min={-50} max={50} value={value} onValueChange={(e) => setValue(e.value)}>
<Slider.Label>Label</Slider.Label>
<Slider.ValueText>{value}</Slider.ValueText>
<Slider.Control>
<Slider.Track>
<Slider.Range />
</Slider.Track>
<Slider.Thumb index={0} />
</Slider.Control>
</Slider.Root>
)
}
For more detailed documentation and examples, please visit the official documentation.
You can request, vote for, and check upcoming features on our roadmap.
We welcome contributions to Ark UI. Please read our contributing guidelines for more information on how to contribute.
This project is licensed under the terms of the MIT license.
FAQs
A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.
The npm package @ark-ui/react receives a total of 196,197 weekly downloads. As such, @ark-ui/react popularity was classified as popular.
We found that @ark-ui/react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 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.
Research
Security News
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
Research
Security News
An in-depth analysis of credential stealers, crypto drainers, cryptojackers, and clipboard hijackers abusing open source package registries to compromise Web3 development environments.
Security News
pnpm 10.12.1 introduces a global virtual store for faster installs and new options for managing dependencies with version catalogs.