🚀 Ship faster with premium components 🚀
Search documentation v1.3.0

Builder Beta

Build and test components visually

We recommend using our Builder tool on desktop for a better user experience.

Start adding blocks using the button below. Click on a block to edit its props, use the handlebars to reorder the block with drag and drop, then copy the generated code into your Astro project. You can read more about how to use blocks in our blocks documentation.. To get started with Webcore, read our introduction guide.

Start adding blocks using the button below.
Settings
Theme Set a predefined theme to change color palettes.
  • Default
  • None
  • xxs
  • xs
  • sm
  • md
  • lg
  • xl
  • xl2
  • xl3
  • xl4
  • xl5
Generated Code
Copy the code below and paste it into your Astro project.
---

---

<div class="flex column">

</div>
Copied code to clipboard.
  • Components
  • Accordion
  • Alert
  • AspectRatio
  • Avatar
  • Badge
  • Banner
  • Breadcrumb
  • Button
  • Card
  • Checkbox
  • Copy
  • Counter
  • DataTable
  • Flex
  • Grid
  • Group
  • HTML
  • Icon
  • Kbd
  • List
  • Progress
  • Radio
  • RangeSlider
  • Rating
  • Skeleton
  • Spinner
  • Spoiler
  • Stepper
  • Switch
  • Table
  • Textarea
  • Timeline
  • Marketing
  • AnimatedCard
  • CSSPieChart
  • CompetitionResults
  • GradientCard
  • MorphingText
  • Overview
  • PricingTable
  • Blocks
  • Author
  • AvatarWithRating
  • BlogCard
  • DeviceMockup
  • Empty
  • ErrorPage
  • ExpandableTable
  • FAQ
  • GridWithIcons
  • Hero
  • IconList
  • Maintenance
  • SignUp
  • SocialProof
  • Socials
  • Team
  • Tiles
  • User

Request improvement for this page