awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
yuche avatar

yuche/vue-strapArchived

0
View on GitHub↗
4,679 stars·912 forks·JavaScript·MIT·18 viewsyuche.github.io/vue-strap↗

Vue Strap

vue-strap is a UI framework and component library that provides a collection of themed interface elements based on Bootstrap for use within Vue.js applications. It serves as a Bootstrap-based component kit that bridges CSS framework styling with a reactive JavaScript component architecture.

The library implements a wide range of functional building blocks, including navigation bars, dropdown menus, and layout primitives such as accordion panels and tabbed content. It includes an extensive set of form inputs featuring date pickers, typeahead search, and integrated validation state management.

Additional capabilities cover user feedback and overlays through the use of modal dialogs, informational popovers, loading spinners, and color-coded alerts. The framework also provides tools for responsive layout design and interactive data entry workflows.

Features

  • Bootstrap-Based Component Kits - A collection of pre-built user interface elements based on Bootstrap for use within Vue.js applications.
  • Bootstrap-Vue Integrations - Combines the Bootstrap CSS framework with Vue.js to build consistent and responsive web interfaces.
  • Responsive Page Layouts - Structures web pages with navigation bars, sidebars, and tabbed content that adapt to different screen sizes.
  • Form Input Validation - Implements a system for verifying user input correctness and managing validation states.
  • Interactive Feedback Mechanisms - Implements modals, alerts, tooltips, and loading indicators to communicate system status and guide user interaction.
  • Web Form Implementations - Provides interactive input fields, validation logic, and date pickers for collecting and verifying user data.
  • Vue Component Wrappers - Wraps Bootstrap HTML and CSS patterns into reusable Vue components to synchronize state with the browser DOM.
  • Bootstrap-Based Libraries - Provides a comprehensive library of themed interface elements based on Bootstrap for the Vue.js ecosystem.
  • Vue.js Frameworks - Functions as a UI framework providing reusable layout and form components with Bootstrap styling for Vue.js.
  • Autocomplete Search Fields - Includes search-specific input fields that suggest entries from data sources as the user types.
  • DOM Event State Synchronization - Synchronizes Vue internal state with native Bootstrap JavaScript plugin events during user interactions.
  • Prop-Driven Class Composition - Maps component properties to Bootstrap CSS classes and data attributes for dynamic styling and behavior.
  • Accordion Panels - Provides collapsible accordion panels that allow users to expand one section while closing others.
  • Date Picker Interfaces - Includes interactive calendar components for selecting specific dates within forms.
  • Checkbox Inputs - Provides input components for binary state toggles and multiple-item selection.
  • Reactive Form Validation - Provides real-time form input validation that dynamically updates Bootstrap validation classes and error messages.
  • Tooltip Overlays - Provides small text bubbles that appear on hover to offer additional information.
  • Modal Overlays - Implements centered windows that overlay the page to focus user interaction on a single task.
  • Select Inputs - Provides dropdown components for choosing one or more values from a list.
  • Dropdown Menus - Implements collapsible lists that allow users to select options from a hidden set.
  • Navigation Bars - Provides persistent interface elements for primary site-wide navigation and branding.
  • Popover Overlays - Implements floating content boxes anchored to elements to provide additional context.
  • Radio Button Groups - Provides components for managing sets of mutually exclusive selection options.
  • General Progress Bars - Includes customizable progress bars with labels to visualize the completion status of tasks.
  • Search and Selection Interfaces - Provides typeahead search, dropdown menus, and multi-select inputs to help users find and choose specific data.
  • Sidebars - Implements side panels positioned on the left or right to hold secondary page content.
  • Spinners - Provides visual indicators to signal that a background process is running.
  • Scoped Styles - Combines global Bootstrap stylesheets with scoped component styles to ensure consistent visual rendering.
  • Tabbed Content Panes - Groups related content into switchable tabbed views to optimize screen space.
  • Text Input Fields - Provides UI components for single-line text entry, masked passwords, and multi-line text areas.
  • Alert Components - Provides pre-styled, color-coded interface boxes for displaying contextual feedback and notifications.

Star history

Star history chart for yuche/vue-strapStar history chart for yuche/vue-strap

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does yuche/vue-strap do?

vue-strap is a UI framework and component library that provides a collection of themed interface elements based on Bootstrap for use within Vue.js applications. It serves as a Bootstrap-based component kit that bridges CSS framework styling with a reactive JavaScript component architecture.

What are the main features of yuche/vue-strap?

The main features of yuche/vue-strap are: Bootstrap-Based Component Kits, Bootstrap-Vue Integrations, Responsive Page Layouts, Form Input Validation, Interactive Feedback Mechanisms, Web Form Implementations, Vue Component Wrappers, Bootstrap-Based Libraries.

Which projects share features with yuche/vue-strap?

Projects with overlapping indexed features include: creativetimofficial/material-tailwind — Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a… hunvreus/basecoat — Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web… cosscom/coss — Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a… mui/base-ui — Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples… gluestack/gluestack-ui — gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built,… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a…

Projects sharing features with Vue Strap

These projects share indexed features with Vue Strap. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • creativetimofficial/material-tailwindcreativetimofficial avatar

    creativetimofficial/material-tailwind

    4,359View on GitHub↗

    Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and

    TypeScriptjavascriptmaterialmaterial-design
    View on GitHub↗4,359
  • hunvreus/basecoathunvreus avatar

    hunvreus/basecoat

    3,653View on GitHub↗

    Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a

    JavaScriptalpinecomponentscomponents-library
    View on GitHub↗3,653
  • cosscom/cosscosscom avatar

    cosscom/coss

    10,125View on GitHub↗

    Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

    TypeScriptnextjsradix-uireact
    View on GitHub↗10,125
  • mui/base-uimui avatar

    mui/base-ui

    8,711View on GitHub↗

    Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

    TypeScriptaccessibilitydesign-systemreact
    View on GitHub↗8,711
  • Compare all 30 related projects→