webcoreui

• Purpose: Webcore is a frontend component library designed to provide reusable UI components for modern web development. It offers a collection of styled and functional components that can be easily integrated into projects.

• Target Audience: Developers working with Astro, Svelte, or React frameworks who need pre-built, customizable UI components to accelerate frontend development.

• Key Features:

  • Supports multiple frameworks including Svelte, Astro, and React
  • Uses Sass for styling with extensive customization options through CSS variables
  • Includes utility classes for layout and styling
  • Offers a wide range of components (Accordion, Alert, Avatar, etc.) and blocks (Hero, FAQ, Form, etc.)
  • Provides templates for common use cases like blogs and portfolios

• Customization: Styles can be customized through a configuration file (webcore.config.scss) and by overriding CSS variables for components.

• Documentation: Full documentation is available at webcoreui.dev .

• Components: The library includes over 40 components and 20+ pre-built blocks for common UI patterns. Some notable components include:

  • Accordion
  • Carousel
  • DataTable
  • Masonry layout
  • Modal
  • ThemeSwitcher
  • Timeline

• Framework Support: Components are available in framework-specific versions for:

  • Svelte
  • Astro
  • React