Sign in

WebcoreUI

@webcoreui.bsky.social
4 followers 1 following 85 posts

Astro UI component library with Svelte + React support. Get fully coded frontend components on webcoreui.dev

PostsRepliesMedia
WebcoreUI @webcoreui.bsky.social · 10/06/2026
Introducing HowTo, your new go-to for creating interactive step-by-step guides. Customize step numbers, layouts, and themes to match your visual identity. New docs available on webcoreui.dev/blocks/how-to #withastro #astrobuild #frontend #webcoreui
HowTo (step-by-step guide) component for Astro
020
WebcoreUI @webcoreui.bsky.social · 09/06/2026
Introducing the Newsletter Popup ✨ Easily display a modal for users to subscribe to your newsletter. Use it programmatically or on interaction, with auto-focus and custom form options. New docs available on webcoreui.dev/blocks/newsl... #withastro #astrobuild #frontend #webcoreui
Newsletter popup block for Astro
030
WebcoreUI @webcoreui.bsky.social · 08/06/2026
Introducing Content Types in our CMS! Define and manage the structure of your content using a variety of field types, from simple Input to customizable Block UI elements. Learn more at: webcoreui.dev/cms #withastro #astrobuild #frontend #webcoreui
Custom content types in CMS for Astro
010
WebcoreUI @webcoreui.bsky.social · 03/06/2026
✨ Introducing Product Card! Use it to display product info in a visually appealing format, including customizable badges and ribbons. New docs available on webcoreui.dev/blocks/produ... #withastro #astrobuild #frontend #webcoreui
Product card component for Astro
020
WebcoreUI @webcoreui.bsky.social · 02/06/2026
Highlight updates and announcements using our Spotlight component and template! Set your brand colors, configure particles, and get your updates in the spotlight ✨ Check out the component here: webcoreui.dev/blocks/spotl... #withastro #astrobuild #frontend #webcoreui
Spotlight component and template for Astro
040
WebcoreUI @webcoreui.bsky.social · 01/06/2026
Introducing Comments: Display user-generated messages, replies, and discussions with nesting, submit form, and comment buttons 💬 Learn more: webcoreui.dev/blocks/comme... #withastro #astrobuild #frontend #webcoreui
Comments component for Astro
040
WebcoreUI @webcoreui.bsky.social · 27/05/2026
Introducing Confetti and Seasonal Banners! 🎉 Use these new components to add a pop of personality to your app with falling particles or seasonal banners. With 33 presets for instant configuration, you can create unique effects in no time. Docs available at webcoreui.dev/blocks/confe... #astrobuild
Confetti component for Astro
000
WebcoreUI @webcoreui.bsky.social · 26/05/2026
Introducing Career Template! Reduce development time and keep brand consistency across roles. Copy the template into your project to showcase roles, list requirements, and publish new opportunities in minutes. Learn more: webcoreui.dev/templates/ca... #withastro #astrobuild #frontend #webcoreui
Career Page template for Astro
051
WebcoreUI @webcoreui.bsky.social · 25/05/2026
💡 Introducing Content States! Easily manage draft, published, and archived states for your content. Create custom workflows, reorder with drag & drop, and stay organized. Learn more: webcoreui.dev/cms #withastro #astrobuild #cms #webcoreui
Content states in Webcore CMS helps you create custom workflows
000
WebcoreUI @webcoreui.bsky.social · 20/05/2026
We shipped the Cart block to help you build seamless e-commerce experiences. With automatic calculations, currency customisation, and full translation support. #withastro #astrobuild #frontend #webcoreui Docs available at webcoreui.dev/blocks/cart
Flexible Cart component for Astro
040
WebcoreUI @webcoreui.bsky.social · 19/05/2026
🏷️ Introducing Top3: showcase top 3 items next to each other with custom ribbons, ratings, descriptions & calls-to-action. Docs available on: webcoreui.dev/blocks/top3 #withastro #astrobuild #frontend #webcoreui
Top3 component in Astro
040
WebcoreUI @webcoreui.bsky.social · 18/05/2026
Astro CMS update: Introducing Content Entries! Build Astro pages with over 100 different predefined blocks! Build any page, with any content, using a powerful block builder. Learn more at webcoreui.dev/cms #withastro #astrobuild #frontend #webcoreui
Content entries in new Astro CMS
020
WebcoreUI @webcoreui.bsky.social · 13/05/2026
Introducing Hero with Carousel & List, making it easy to create visually appealing sections. You can also pass child elements to display components as the carousel. New docs available on webcoreui.dev/blocks/hero-... #withastro #astrobuild #frontend #webcoreui
Hero component now supports Carousel and iconed lists in Astro
020
WebcoreUI @webcoreui.bsky.social · 12/05/2026
Introducing our new CMS built for Astro! 🚀 Ship faster with a visual block builder, flexible content modeling, and DB layer that just works. Stay tuned for updates on this ongoing project, and learn more at webcoreui.dev/cms #withastro #astrobuild #cms #webcoreui
CMS built for Astro!
100
WebcoreUI @webcoreui.bsky.social · 11/05/2026
Introducing Posts & Featured Posts! Easily display blog posts or articles in a list layout that highlights the first post. The component ships with featured images, badges, avatars, and CTAs. Learn more at webcoreui.dev/blocks/post #withastro #astrobuild #frontend #webcoreui
Featured posts component in Astro
020
WebcoreUI @webcoreui.bsky.social · 06/05/2026
Introducing Content Sections! 🖼️ Ship structured content with Image, IconList, and formatted text components for flexible, multi-column layouts. Define sections with a simple JSON array. New docs: webcoreui.dev/blocks/conte... #withastro #astrobuild #frontend #webcoreui
Content section component for Astro
020
WebcoreUI @webcoreui.bsky.social · 05/05/2026
You can now add a professional touch to your key messages and promotions with the new Sparkle component. ✨ Learn how to customize it in our updated documentation: webcoreui.dev/blocks/sparkle #withastro #astrobuild #frontend #webcoreui
010
WebcoreUI @webcoreui.bsky.social · 04/05/2026
We've streamlined our useForm hook with several improvements, including removing setValidations in favor of .validate and adding new .reset, .clear, and .destroy methods. Check out the updated docs for more info: webcoreui.dev/blocks/form#... #withastro #astrobuild #frontend #webcoreui
Updated useForm Hook for Astro
020
WebcoreUI @webcoreui.bsky.social · 23/03/2026
Our builder now supports templates! You can get started with a template or play with different styles using the new settings. - ✨ Set border radius and copy the generated CSS - ✨ Drag and drop elements above/below - ✨ Drag and drop child and list elements Give it a try on webcoreui.dev/build
New, updated builder for Astro now supports templates, drag and drop for child and list elements, as well as copy style functionality for theme and border radius.
000
WebcoreUI @webcoreui.bsky.social · 18/03/2026
🎨 Introducing 7 additional ready-to-use, curated color themes: - ✅4 light + 3 new dark themes - ✅ Live preview brand aesthetics - ✅ One-click copy CSS variables - ✅ Designed to drop directly into your app Explore them on webcoreui.dev/additional-t...
000
WebcoreUI @webcoreui.bsky.social · 17/03/2026
Our builder now supports forms! - 🎉 The Builder now supports a total of 100 components/blocks - ✨ Added Form, Select, and Slider components - ✨ You can now specify your installation folder in the settings - ✨ Duplicate blocks, child elements, or props Give it a try on webcoreui.dev/build
Update builder for WebcoreUI, the Astro component library
001
WebcoreUI @webcoreui.bsky.social · 16/03/2026
🚀 Introducing Webcore v1.4.0 - ✨ New Image and ImageLoader components - ✨ Collision detection for popovers + many improvements - ✨ Set default state for Accordions - ✨ Improved events listeners And many more! Read more about the changes: webcoreui.dev/docs/changelog
New version release for WebcoreUI, the Astro component library
020
WebcoreUI @webcoreui.bsky.social · 25/02/2026
✨ Introducing Builder Build Astro components visually with the first version of our Builder! - ✅ Comes with 90+ configurable blocks - ✅ Experiment with different themes - ✅ Edit each prop with controls - ✅ Copy the generated code 🚀 Try it now: webcoreui.dev/build
Build and test Astro components visually
000
WebcoreUI @webcoreui.bsky.social · 24/12/2025
✨ Updates to Popovers in Astro We released new updates to our Popover component. Now you can use it with any component! ✅ Use the new transparent prop ✅ Display any component ✅ Use with Lists to create complex menus Updated docs available on webcoreui.dev/docs/popover...
Introducing updates to our Popover component in Astro
000
WebcoreUI @webcoreui.bsky.social · 23/12/2025
✨ Updates to Badge in Astro We released new updates to our Badge component! Now you can: ✅ Use the new transparent prop ✅ Combine with themes Updated docs available on webcoreui.dev/docs/badge#t...
Introducing the new transparent prop with Badge components in Astro
000
WebcoreUI @webcoreui.bsky.social · 22/12/2025
✨ Indeterminate Progress in Astro We released new updates to the Progress component! Now you can: ✅ Use the new indeterminate prop ✅ Set a value to change the width of the animated bar Updated docs available on webcoreui.dev/docs/progres...
Introducing indeterminate progress bars in Astro
010
WebcoreUI @webcoreui.bsky.social · 17/12/2025
✨ Introducing Counter for Astro Use the Counter component in Astro to display a numbered input with increment and decrement buttons. ✅ Use with 3 different types ✅ Comes with 4 themes ✅ Define your own icons ✅ Long-press support Docs available on webcoreui.dev/docs/counter
Counter component with long-press support in Astro
000
WebcoreUI @webcoreui.bsky.social · 16/12/2025
✨ Updates to Carousel in Astro We released new updates to the Carousel components. Now you can set the number of items per slide based on breakpoints to make your carousel more responsive! Updated docs available on webcoreui.dev/docs/carouse...
Updated Carousel component in Astro with multiple items per slide
000
WebcoreUI @webcoreui.bsky.social · 15/12/2025
🚀 Introducing Webcore v1.3.0 ✅ New Counter component ✅ Indeterminate progress bars ✅ Transparent badges and popovers ✅ Lists with additional theme And many more! Read more about the changes: webcoreui.dev/docs/changelog
New version release for Astro component library
000
WebcoreUI @webcoreui.bsky.social · 12/11/2025
✨ Updates to Modal in Astro We released new updates to the Modal & Sheet components API. Now you can: ✅ Navigate between multiple modals ✅ Compatible API for sheets Updated docs available on webcoreui.dev/docs/modal#m...
Updated API for Modal and Sheet components for Astro
000
WebcoreUI @webcoreui.bsky.social · 11/11/2025
✨ Introducing Range Slider for Astro Use the RangeSlider component in Astro to allow your users to select a range for a numeric value. ✅ Provide up to 4 different labels ✅ Interactive & dynamic labels ✅ Easily customize colors Docs available on webcoreui.dev/docs/range-s...
Introducing Range Slider component for Astro with dynamic labels, color customization, and many more.
000
WebcoreUI @webcoreui.bsky.social · 10/11/2025
🚀 Introducing Webcore v1.2.0 ✅ New RangeSlider component ✅ Responsive itemsPerSlide for Carousel ✅ Multimodal support for Modals & Sheets ✅ Smart filling for Form blocks Read more about the changes: webcoreui.dev/docs/changelog
New version release for Webcore. v1.2.0 introduces new components, blocks, and functionality to existing Astro component, with accessbility improvements and bugfixes.
000
WebcoreUI @webcoreui.bsky.social · 05/11/2025
✨ Introducing Smart Fill You can now call useSmartFill on your form instance to let users copy-paste blocks of unstructured text into your form, and fill in relevant inputs with a single paste. ✅ Also supports defining your own matchers Updated docs available at webcoreui.dev/blocks/form#...
Use the useSmartFill method on your form instance to automatically fill multiple inputs with a single copy-paste.
000
WebcoreUI @webcoreui.bsky.social · 23/09/2025
✨ New CLI update We just released a new version of our CLI tool! ➡ Dependent blocks are now added automatically ➡ Import statements auto-update when using custom component folders Docs available on webcoreui.dev/docs/cli
Updated CLI tool for Astro component library
000
WebcoreUI @webcoreui.bsky.social · 22/09/2025
✨ Updates to Hero Now you can also add avatars and ratings via props to our updated Hero components in Astro. Read more about how in our updated docs at webcoreui.dev/blocks/hero
Updated Hero component for Astro
000
WebcoreUI @webcoreui.bsky.social · 17/09/2025
✨ Introducing Avatar with Rating Use the Avatar with Rating component in Astro to display an avatar group with user feedback to build trust. ✅ Visually represent user feedback ✅ Customize avatars and ratings ✅ Use different layouts Docs available on webcoreui.dev/blocks/avata...
Customizable Avatar with Rating component for Astro
000
WebcoreUI @webcoreui.bsky.social · 16/09/2025
We just hit 100 stars on GitHub! ⭐ Thank you to everyone who has supported us by starring, contributing, and sharing our work. Your support helps us continue improving and building for the community. ❤️ If you haven’t checked it out yet, here’s your chance to be ⭐ #101: github.com/Frontendland...
100 Stars on GitHub for Astro component library
000
WebcoreUI @webcoreui.bsky.social · 09/09/2025
✨ Updates to Switch In our latest version, you can now format switch labels with HTML to bold, color, or change the look of your switch labels in any way you like. 📃 Updated docs available at webcoreui.dev/docs/switch
Updated Switch component for Astro with customizable labels
000
WebcoreUI @webcoreui.bsky.social · 08/09/2025
✨ Introducing Context Menu for Astro Use the Context Menu to display a right-click menu with context-specific actions. ✅ Pass any element as the context menu ✅ JavaScript API to close menus programmatically ✅ Use a List to create feature-rich menus Docs available on webcoreui.dev/docs/context...
Flexible Context Menu component for Astro
000
WebcoreUI @webcoreui.bsky.social · 26/08/2025
✨ Setup project templates with one line Use our updated CLI tool to bootstrap your new projects with one of our templates with a single line of command 🚀 ✅ Setup templates with one line ✅ Auto-pull in dependencies ✅ Comes with an example page Updated docs available on webcoreui.dev/docs/cli
Use our updated CLI tool to setup templates with a single command
000
WebcoreUI @webcoreui.bsky.social · 25/08/2025
✨ Updates to Timeline Now you can also create timelines with icons using our updated Timeline component in Astro. Read more about how in our updated docs available at webcoreui.dev/docs/timeline
Timeline component now supports the use of icons
000
WebcoreUI @webcoreui.bsky.social · 20/08/2025
✨ Updated CLI tool Use our updated CLI to easily: ✅ Update config in existing projects ✅ Add blocks through your terminal ✅ Update Webcore programmatically Docs available on webcoreui.dev/docs/cli
Use Webcore's updated CLI tool to add blocks, update configs, or manage Webcore projects programmatically.
000
WebcoreUI @webcoreui.bsky.social · 19/08/2025
🚀 Introducing Webcore v1.1.0 ✅ Easier setup flow with custom integration ✅ New ContextMenu component ✅ Improvements to existing components ✅ New blocks and templates Read more about the changes: webcoreui.dev/docs/changelog
New version release for Webcore, the Astro UI library
000
WebcoreUI @webcoreui.bsky.social · 11/08/2025
✨ Introducing Carousel for Astro Use the Carousel component to display a series of content items, such as images for image galleries ✅ Combine with any component ✅ Multiple items per slide ✅ Customize pagination ✅ Create with a progress bar Docs available on webcoreui.dev/docs/carousel
Carousel component in Astro with customizable pagination
000
WebcoreUI @webcoreui.bsky.social · 06/08/2025
✨ Introducing Checkbox for Astro Allow your users to make binary (yes/no, true/false) choices using the Checkbox component. ✅ Use alone or with multiple labels ✅ Create with custom colors ✅ Use existing HTML states Docs available on webcoreui.dev/docs/checkbox
Checkbox component in Astro with labels and custom colors
000
WebcoreUI @webcoreui.bsky.social · 05/08/2025
✨ Introducing Collapsible for Astro Use the Collapsible component to manage large sets of content in a compact way. ✅ Use with any component ✅ Create partially visible elements ✅ Customize toggle elements ✅ Turn animation on/off Docs available on webcoreui.dev/docs/collaps...
Collapsible component in Astro
000
WebcoreUI @webcoreui.bsky.social · 04/08/2025
✨ Introducing DataTable for Astro Display data in a tabular format that can be filtered, sorted, paginated, and toggled. ✅ Filter, sort, and toggle columns ✅ Customize pagination ✅ Stripe rows/columns ✅ Customize overfiltering state Docs available on webcoreui.dev/docs/data-ta...
DataTable component in Astro with filter, sorting and column toggle support
000
WebcoreUI @webcoreui.bsky.social · 30/07/2025
✨ Introducing Footer for Astro Use the Footer component to provide supplementary information and navigation options to users at the bottom of your page. ✅ Create any number of columns ✅ Customize logo ✅ Add additional elements Docs available on webcoreui.dev/docs/footer
Footer component in Astro with column support
000
WebcoreUI @webcoreui.bsky.social · 29/07/2025
✨ Introducing Group for Astro Use the Group component to organize related buttons or badges together into a single, cohesive group ✅ Create button or badge groups ✅ Use any existing themes ✅ Create with different styles Docs available on webcoreui.dev/docs/group
Group component in Astro for buttons and badges
000
WebcoreUI @webcoreui.bsky.social · 28/07/2025
✨ Introducing Input for Astro Use the Input component to collect data or create interactive user experiences. ✅ Different themes ✅ Use with icons ✅ Create multiple labels ✅ Use existing HTML attributes Docs available on webcoreui.dev/docs/input
Input component in Astro with multiple themes
000