https://github.com/anikitenko/bp5-rjsf-theme
BlueprintJS 5 theme for React JSON Schema Form
https://github.com/anikitenko/bp5-rjsf-theme
blueprint blueprintjs bp bp5 form json-schema-form react react-json-schema-form rjsf rjsf-theme
Last synced: 19 days ago
JSON representation
BlueprintJS 5 theme for React JSON Schema Form
- Host: GitHub
- URL: https://github.com/anikitenko/bp5-rjsf-theme
- Owner: anikitenko
- License: mit
- Created: 2025-03-28T00:24:51.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-12T08:26:11.000Z (4 months ago)
- Last Synced: 2025-10-16T09:20:07.749Z (3 months ago)
- Topics: blueprint, blueprintjs, bp, bp5, form, json-schema-form, react, react-json-schema-form, rjsf, rjsf-theme
- Language: TypeScript
- Homepage: https://alexvwan.me
- Size: 217 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
[](https://www.npmjs.com/package/@anikitenko/bp5-rjsf-theme)
[](https://www.npmjs.com/package/@anikitenko/bp5-rjsf-theme)
[](https://github.com/anikitenko/bp5-rjsf-theme/actions/workflows/release.yml)
[](https://www.codefactor.io/repository/github/anikitenko/bp5-rjsf-theme)
[](https://github.com/anikitenko/bp5-rjsf-theme/actions/workflows/github-code-scanning/codeql)
[](LICENSE)
# @anikitenko/bp5-rjsf-theme
> 💠 A fully TypeScript-compatible BlueprintJS v5 theme for [react-jsonschema-form (RJSF)](https://github.com/rjsf-team/react-jsonschema-form)
This is the **first and only** RJSF theme implementation built from the ground up for **BlueprintJS v5**, written entirely in **TypeScript**, and compiled in **strict mode** to ensure **full compatibility** with the RJSF Theme system.
---
## 🚧 Project Status
⚠️ This project is **still under active development**.
🧪 **Examples and documentation are coming soon!**
---
## ✨ Features
- ✅ **Strictly typed**: Powered by TypeScript and validated against `ThemeProps`.
- ✅ **BlueprintJS v5-first**: Uses the latest Blueprint components for styling and behavior.
- ✅ **Plug-and-play** usage with `@rjsf/core`.
---
## 🧩 Implemented Widgets
| Widget | Status |
| --------------------------------- | ------ |
| `TextWidget` | ✅ |
| `UpDownWidget` | ✅ |
| `SelectWidget` with `MultiSelect` | ✅ |
| `CheckboxWidget` | ✅ |
| `CheckboxesWidget` | ✅ |
---
## 🏗️ Implemented Templates
| Template | Status |
| -------------------------- | ------ |
| `ObjectFieldTemplate` | ✅ |
| `FieldTemplate` | ✅ |
| `ErrorListTemplate` | ✅ |
| `ArrayFieldTemplate` | ✅ |
| `SubmitButton` | ✅ |
| `TitleFieldTemplate` | ✅ |
| `DescriptionFieldTemplate` | ✅ |
| `WrapIfAdditionalTemplate` | ✅ |
---
## 🔧 Usage
Using this theme is as easy as:
```ts
import { withTheme } from "@rjsf/core";
import { Bp5Theme } from "@anikitenko/bp5-rjsf-theme";
const Form = withTheme(Bp5Theme);
// Then use it like any RJSF form
```
## 📦 Installation
```
npm install @anikitenko/bp5-rjsf-theme
# or
yarn add @anikitenko/bp5-rjsf-theme
```
## 🐞 Reporting Issues
If you find bugs or Blueprint components not rendering as expected:
- Please open an [issue on GitHub](https://github.com/anikitenko/bp5-rjsf-theme/issues)
- Include a minimal schema and usage snippet to help us debug quickly
## ❤️ Contributing
PRs are welcome! If you're using BlueprintJS v5 + RJSF and want to improve or extend this theme — fork away and submit a PR!
## 📘 License
MIT
> Made with 💙 by [@anikitenko](https://github.com/anikitenko)