Introducing Bottom Navigation & Copy ->
Astro component library with Svelte+React support
Rocket launch your frontend projects with fully coded components. Configurable. Themeable. Accessible.
- Install
Terminal window npm create webcore@latest - Use ---import { Button } from 'webcoreui/astro'---<Button>Welcome to Webcore!</Button><script>import { Button } from 'webcoreui/svelte'</script><Button>Welcome to Webcore!</Button>import { Button } from 'webcoreui/react'const Component = () => <Button>Welcome to Webcore!</Button>export default Component
Blocks
Explore blocks made with Webcore
- 2020 Founded
Launched our mission to transform online shopping with a handpicked selection of goods and a commitment to unparalleled customer care. - 2021 Expanded Offerings
Introduced over 500 unique, locally-sourced products, enriching our collection and supporting small businesses. - 2022 ⭐ Achieved Milestone
Proudly served 100,000 happy customers, marked by launching same-day delivery in major cities and exclusive membership perks.
Slack notifications
Emily QA Engineer
| Phone | +1 234 5678 |
| emily@example.com | |
| Slack | @emily09 |
| Address | Mars, Pennsylvania |
Deployments
Connect your project to GitHub to start running automatic deployments. ...
Marketing emails enabled
- 45+ Free ComponentsEverything you need for your application from buttons and navigation elements to data tables and modals, created with configurability in mind. Explore our components documentation to get started.
- Configurable BlocksSpeed up your development process with configurable, ready to use blocks of elements created from Webcore components. Read more about how to start using blocks in your projects.
- Dark/Light ThemesWebcore comes with multiple themes out of the box, and you can easily create your own themes using CSS variables. It also supports multiple themes at a time. Learn more about how to work with different themes.
Components
Explore all components
Accordion Alert 💡 Note Aspect Ratio Avatar 
Badge BottomNavigation Breadcrumb Button Card Carousel Checkbox Collapsible Copy
Footer Group Icon
Input Kbd
Masonry Menu
Modal Pagination Popover Progress Radio Rating Ribbon Sheet Sidebar Skeleton Slider Spinner Spoiler Switch Table
Tabs Textarea ThemeSwitcher Timeline Toast
Tooltip
- We provide 30 days of support.
- Yes!
- Hopefully.
You can create alert boxes.
16 / 9
Badge
Banner Paragraph inside a card
- 1
This book has been rated for...
Expand
Click to copy
DataTable | ID | Tech |
|---|---|
| 1 | Astro |
| No results. | |
⌘⇧K
List -
Switch theme
- No results.
1
4
2
5
3
6
Ribbon
Select
Component
new components
This text is hidden.
Stepper -
SetupGet ready
-
ConfigurePreferences
| ID | Name |
|---|---|
| 1 | Webcore |
- Getting Started
- Setup
Post saved
Tooltip?
Install Webcore
Webcore is open-source. Install with the command below to get started.
Get Started
npm i webcoreui