Dev Design LibraryProvider Components
Dev Design Library indexes 23 provider components from 12 open-source UI libraries, with the most coming from Lobe UI, Chakra UI, Ark UI, ObsidianUI and ShaderCN. Each one links to its page with the source code, a live preview where available, the library license and the install command. Provider components belong to the Utilities group.
Directionshadcn/ui · ReactA provider component that sets the text direction for your application.
Environment ProviderChakra UI · ReactUsed to render components in iframes, Shadow DOM, or Electron.
EnvironmentArk UI · ReactSet up components for custom environments like iframes, Shadow DOM, or Electron.
Config ProviderLobe UI · ReactConfigures library-wide CDN resource resolution and the motion runtime for descendant components.
Smooth ScrollObsidianUI · React
LocaleShark UI · React
Orbkit Core (WebGPU)ShaderCN · ReactCore engine for GPU-powered shader orbs using vgpu
DirectionCojeev UI · ReactSets a text direction for a subtree and shares it with direction-aware primitives.
Preset ScopeFLX UI · ReactActivates a preset for a subtree by writing the data-preset attribute. Required by every preset.- Webgl ProviderAtelier UI · React
DirectionSpaceUI · ReactAccessible Direction primitive component for Space UI.
Locale Providerark-cn · ReactA shadcn-style locale provider utility built with Ark UI primitives.
Locale ProviderChakra UI · ReactUsed for globally setting the locale
LocaleArk UI · ReactLocale provider for setting the locale and direction of the app.
Font LoaderLobe UI · ReactThe FontLoader component is used to load fonts from a provided URL. It creates a link element with the given URL and…
ThemeChakra UI · ReactUsed to force a part of the tree to light or dark mode.
FreezeLobe UI · ReactPrevents DOM updates in descendant content through React Suspense, primarily to keep exit animations visually stable.
Motion ProviderLobe UI · ReactMotionProvider lets you choose which motion component (motion or m) Lobe UI uses.
Theme ProviderLobe UI · ReactThemeProvider is a component that provides a theme to all the child components. It supports theme customization…
Base Ui Focus ScopeLobe UI · React
Color Css VarLobe UI · React
Mdx MdxLobe UI · React
Mdx Mdx ComponentsLobe UI · React