More of your everyday UI.
Now in Community.
Build forms, arrange responsive content and work with records using free Community components. Version 1.1.0 adds 12 Web components and 18 native OutSystems Blocks, with editable examples and detailed implementation guides.
- Community Web components
- 67 +12 in this release
- Native Community Blocks
- 73 +18 across seven libraries
- Community guide pages
- 65 Some related APIs share a guide
Form inputs, layouts and Table
These components are available in both Web and native Community. They are separate from the Pro FormBuilder and FormRenderer.
Checkbox
Checked, mixed and disabled states with labels and validation.
TextInput
Text, icons, images and actions on either side of a text field.
TextArea
Multi-line entry with bounded auto-growth, character counts and validation.
RadioButton
An individual choice that shares a name with its radio group.
RadioGroup
Related options with one selected value, descriptions and disabled choices.
Switch
A labeled on/off setting with optional state text.
Select
A custom single-select popup with search, keyboard navigation and clearing.
FormField
A consistent label, help text and error message around a control you own.
Two Columns
Two content slots with responsive proportions and equal-height rows.
Three Columns
Three responsive content slots, including a wide-center composition.
Four Columns
Four content slots with responsive stacking and equal-height rows.
Table
Semantic records with sorting, pagination, row actions, loading and empty states.
Build the layout you can see
Text fields with real images
InputGroup adds editable Leading, Control and Trailing slots. Place actual Image widgets beside TextInput to see the composition in Service Studio. Dynamic TextInput image URLs resolve at runtime; they may appear as expressions on the designer canvas.
Fixed proportions and equal height
Five additional native helpers make proportions visible in the designer: Columns2OneThird, Columns2TwoThirds, Columns2OneQuarter, Columns2ThreeQuarters and Columns3WideCenter.
Set EqualHeight = True to stretch content across a row. Dynamic ratio, gap, alignment and stacking inputs resolve at runtime; the designer shows structural defaults. Column setup
The 18 new native Blocks are the 12 components above, InputGroup and five column helpers. Friendly sidebar names changed; existing API identifiers and URLs are preserved. The Community library and matching demo use BluKavantUI’s own theme and have no OutSystems UI or Pro dependency.
Interaction, documentation and examples
Interaction and accessibility
- Picker popup interaction and alignment fixes for DatePicker, TimePicker, DateTimePicker and DateRangePicker.
- Custom dropdown styling in the new demos and documentation controls.
- Clearer image/icon alternatives and single spoken labels for choice controls.
- Stable TextInput actions during validation, Table sort controls and keyboard focus at pagination boundaries.
Implementation guidance
- Detailed Web and native API references, typed examples, lifecycle cleanup and validation ownership.
- 64 rendered scenarios in the new native demo pages, with working “Try in playground” actions.
- Separate Buttons, Form inputs, Form builder and Layouts navigation groups; Splitter lives under Layouts.
- Version badges on new components and matching MCP contracts, examples and producer references.
Choose your platform
Web / TypeScript
npm install @blukavantui/community@1.1.0- Keep your existing application source and lockfile as a rollback, then install the version above.
- Load the Community theme once and import each component’s own JavaScript and CSS. Use the typed example on its documentation page.
- Build and test your application’s callbacks, validation, keyboard flows and backend integration before deployment. Dispose component instances when their host is removed.
OutSystems 11 Reactive Web
- Keep your current module exports. Install Community 1.1.0 from the official Forge listing before its optional demo.
- Refresh Community references in Manage Dependencies. Select the public Blocks, Structures and events you use; keep compatible newer dependencies.
- Inherit
BluUICommunityThemein your application theme. Validate and test affected consumers before publishing them. - Install the matching Community demo to explore the rendered scenarios and native implementation examples.
Native setup and dependency guide → · Open the Community demo ↗
Your application continues to own business validation, authentication, authorization, persistence and uploads. Pro is a separate licensed add-on: use the existing Pro 1.0.1 package alongside Community 1.1.0. A matching Pro version number is not required for this Community update.
Versions and counts, without mixing platforms
| Distribution | Version | Included / availability |
|---|---|---|
| Community UI · Web | 1.1.0 | 67 components · npm and official archive |
| Community UI · OutSystems | 1.1.0 | 73 public Blocks in seven libraries · library and separate demo on Forge |
| UI Pro · Web and OutSystems | 1.0.1 | 10 additional components · existing licensed downloads |
| Charts Community / Charts Pro | 1.0.1 | 8 Community + 8 Pro charts · 16 chart types, tracked separately from UI |
| Documentation MCP | 1.1.0 | Updated contracts and examples · official website download and setup |
| Community / Pro Web starters | 1.1.0 | Community starter and licensed Pro starter; Pro starter pairs Community 1.1.0 with Pro 1.0.1 |
77 Web UI components = 67 Community + 10 Pro. The native Community total is larger because it includes InputGroup and five designer helpers. Those 73 Blocks share 65 guides: for example, Chip and ChipGroup share a page, as do DashboardCanvas and DashboardPanel. Charts are counted separately; the UI package retains its legacy Sparkline export for compatibility.
UI catalog → · Charts catalog → · Compare editions → · Community download manifest →
Tested, with practical limits
- The published npm package passed a fresh-install check with all 987 packaged files matching the reviewed inventory.
- All 18 native additions passed compiled development acceptance, including fixed column presets, equal-height layouts and image input groups.
- Scoped keyboard, Safari VoiceOver, light/dark and narrow-layout checks passed for the new features. This is not a full-library or application accessibility certification.
- The native release targets OutSystems 11 Reactive Web. ODC and installation on a second infrastructure have not been verified.
Review the accessibility evidence, follow each component’s implementation guidance, and validate your own application content and integrations.
The included Community Free Use, Official Distribution Licence 1.2 is unchanged. Community needs no Pro subscription or license key. Private modification is permitted; redistribution of the reusable library is restricted.