webcoreui

Webcore UI (package name webcoreui) is an open-source UI component library from Frontendland. The README describes it as a customizable Astro UI component library styled with Sass, with support for Svelte and React. It can be used as a standalone project or integrated into existing Astro, Svelte, or React ecosystems, and components are imported from webcoreui/astro, webcoreui/svelte, or webcoreui/react. Documentation is available at webcoreui.dev, including setup docs and a visual builder. Getting started can be done with the CLI via npm create webcore@latest. The CLI can create a new Webcore project, update configuration files for an existing Astro project, or create a project from a named template such as Portfolio. Manual installation is also possible with npm i webcoreui or yarn add webcoreui. Astro projects add the webcore() integration to astro.config.mjs. The README notes prerequisites: Sass v1.100 and TypeScript v5.9, plus Astro v5.18 for Astro, Svelte v5.55 for Svelte, and React/React DOM v19.2 for React. It also recommends optionally adding astro-purgecss to improve CSS bundle size. Styling setup uses a webcore.config.scss file and a global SCSS file that calls the webcoreui/styles setup mixin. Setup options include includeResets, includeUtilities, includeTooltip, includeScrollbarStyles, includeBreakpoints, theme, and themes. The README documents CSS variables for customizing component styles, with examples for Avatar, Banner, BottomNavigation, Checkbox, Collapsible, Counter, Masonry, Progress, Radio, RangeSlider, Rating, Ribbon, scrollbars, Skeleton, Slider, SpeedDial, Spinner, Spoiler, Stepper, Switch, ThemeSwitcher, Timeline, Tooltips, border radius, and block styles such as the error page. The repository organizes UI building pieces into components, blocks, and templates. Components listed include Accordion, Alert, AspectRatio, Avatar, Badge, Banner, BottomNavigation, Breadcrumb, Button, Card, Carousel, Checkbox, Collapsible, ConditionalWrapper, ContextMenu, Copy, Counter, DataTable, Flex, Footer, Grid, Group, Icon, Image, ImageLoader, Input, Kbd, List, Masonry, Menu, Modal, OTPInput, Pagination, Popover, Progress, Radio, RangeSlider, Rating, Ribbon, Select, Sheet, Sidebar, Skeleton, Slider, SpeedDial, Spinner, Spoiler, Stepper, Switch, Table, Tabs, Textarea, ThemeSwitcher, Timeline, Toast, and Tooltip. Blocks include Author, AvatarWithRating, BlogCard, CheckboxGroup, ComponentMap, DeviceMockup, Empty, ErrorPage, ExpandableTable, FAQ, Form, GridWithIcons, Hero, Icon, IconList, Layout, Maintenance, RadioGroup, SEO, SettingCard, SignUp, SocialProof, Socials, Team, Tiles, and User. Templates include Authentication, Blog, Portfolio, and ProductPage. The project is MIT licensed.