ekmas/neobrutalism-components

Features

• Aesthetic Theme Implementations - Implements a neobrutalist aesthetic theme featuring bold colors and high-contrast borders.
• Component Libraries - Ships a collection of reusable, modular UI building blocks for web applications.
• Accessible Interface Design - Ensures all UI controls follow accessibility standards for keyboard navigation and screen readers.
• Checkbox Components - Includes styled two-state checkbox inputs following a neobrutalist aesthetic.
• React Components - Provides a comprehensive library of reusable interface elements built specifically for the React ecosystem.
• Data Visualization Interfaces - Includes a toolkit for presenting complex datasets through styled charts and responsive tables.
• Form Validation - Includes mechanisms for verifying that user input meets specified criteria before form submission.
• Label and Control Association - Implements proper association between text labels and input controls to ensure screen reader accessibility.
• Toggle Switches - Ships binary toggle switch components as an alternative to checkboxes for enabling settings.
• Generic Button Components - Provides interactive high-contrast button components with configurable styles and states.
• High-Contrast User Interfaces - Develops user interfaces with strong visual separation and accessible components for a distinctive look.
• Select Inputs - Provides styled dropdown select inputs for choosing values from a provided list.
• Plain Text Input Fields - Implements high-contrast plain text input fields for single-line user data collection.
• Radio Groups - Provides radio group components for managing mutually exclusive single-choice selections.
• Textarea Components - Provides multi-line textarea components with high-contrast borders for long-form input.
• Neobrutalist Aesthetics - Implements a raw neobrutalist aesthetic featuring bold colors, thick borders, and heavy shadows.
• Neobrutalist Component Collections - Offers a collection of high-contrast web elements featuring bold colors and thick borders.
• Charts and Visualization - Ships libraries for rendering a variety of charts and interactive data visualizations.
• Headless Component Logic - Utilizes headless UI patterns to separate behavioral and accessibility logic from the custom neobrutalist visual layer.
• Avatar Components - Ships accessible avatar components for displaying user profile images or placeholders.
• Breadcrumb Navigations - Provides interface elements that display and allow traversal of hierarchical page paths.
• Collapsible Panels - Provides interactive UI panels that can be expanded or collapsed to organize content.
• Combobox Components - Offers autocomplete combobox components that combine text input with a selectable dropdown.
• Command Palettes - Ships a searchable, keyboard-driven menu for quick action execution and application navigation.
• Content Carousels - Ships interactive components that cycle through a series of visual elements with motion effects.
• Context Menus - Implements a list of actions that appears when a user triggers a specific interaction like a right-click.
• CSS Variable Theming - Implements a global theming system using CSS variables to manage primary colors and border widths across all components.
• Accordion Panels - Includes collapsible accordion panels to organize and hide content sections.
• Content Cards - Ships high-contrast containers that organize related information into distinct header, body, and footer sections.
• Data Table Components - Includes structured data table components for presenting tabular information within web interfaces.
• Input Control Sets - Provides complex interactive input systems including date pickers and validated OTP fields.
• Date Pickers - Provides a calendar popup interface for browsing and selecting specific dates.
• Range Selection - Implements a date range picker for selecting spans of time between two dates.
• Alert Dialogs - Provides blocking alert dialogs that require a mandatory user response to proceed.
• Modal Overlays - Implements modal windows that present focused content in a layer above the main application.
• Multi-Select Inputs - Provides searchable multi-select inputs that allow choosing one or more options from a list.
• Navigation Bars - Ships a responsive, high-contrast navigation bar for primary site-wide links and branding.
• Pagination Controls - Provides styled pagination controls to navigate through large datasets across discrete pages.
• Navigation Menus - A structured collection of links and dropdowns to help users move through different sections of a site.
• Notification Toasts - Implements transient UI elements for displaying system messages with severity-based styling.
• OTP Inputs - Ships accessible OTP input fields with segmented character boxes for authentication codes.
• Popovers - Ships contextual overlays triggered by user interaction to provide additional information.
• Progress Indicators - Provides visual components for displaying task completion percentages and loading states.
• Range Sliders - Includes high-contrast range sliders for selecting numerical values or ranges.
• Resizable Panes - Provides interactive split-pane layouts that users can resize via dragging or keyboard input.
• Slide-Out Panels - Provides UI panels that slide from the screen edge to offer contextual options.
• Utility-First Styling - Uses a utility-first styling approach via Tailwind CSS to apply bold colors and high-contrast borders.
• Tabbed Interfaces - Implements components for organizing content into switchable tabbed views.
• Responsive Layouts - Provides tables with responsive layouts that adapt their display based on screen size.
• Tooltips - Provides contextual information overlays that appear on hover or focus.
• Menu Components - Provides high-contrast menu components for accessing additional actions and navigation options.
• Interactive Visualization Toolkits - Provides a toolkit of interactive charts and tables for representing complex datasets.

Star-Verlauf