इस प्रोजेक्ट के बारे में

Webcore UI (पैकेज नाम webcoreui) Frontendland से एक ओपन-सोर्स UI कंपोनेंट लाइब्रेरी है। README के अनुसार यह Sass द्वारा स्टायल्ड एक कस्टमाइज करने योग्य Astro UI कंपोनेंट लाइब्रेरी है, जिसमें Svelte और React का समर्थन है। इसका उपयोग स्टैंडअलोन प्रोजेक्ट के रूप में या मौजूदा Astro, Svelte, या React इकोसिस्टम में इंटीग्रेट किया जा सकता है, और कंपोनेंट webcoreui/astro, webcoreui/svelte, या webcoreui/react से इम्पोर्ट किए जाते हैं। webcoreui.dev पर दस्तावेज़ उपलब्ध हैं, जिसमें सेटअप दस्तावेज़ और विज़ुअल बिल्डर शामिल हैं। CLI के माध्यम से शुरुआत की जा सकती है: npm create webcore@latest। CLI नया Webcore प्रोजेक्ट बना सकती है, मौजूदा Astro प्रोजेक्ट के लिए कॉन्फ़िगरेशन फ़ाइलों को अपडेट कर सकती है, या Portfolio जैसी किसी नामित टेम्पलेट से प्रोजेक्ट बना सकती है। npm i webcoreui या yarn add webcoreui से मैनुअल इंस्टॉलेशन भी संभव है। Astro प्रोजेक्ट astro.config.mjs में webcore() इंटीग्रेशन जोड़ते हैं। README में आवश्यकताएँ बताई गई हैं: Sass v1.100, TypeScript v5.9, Astro v5.18 (Astro के लिए), Svelte v5.55 (Svelte के लिए), और React/React DOM v19.2 (React के लिए)। यह CSS बंडल साइज़ सुधारने के लिए वैकल्पिक रूप से astro-purgecss जोड़ने की भी सलाह देता है। स्टायलिंग सेटअप webcore.config.scss फ़ाइल और एक वैश्विक SCSS फ़ाइल का उपयोग करता है जो webcoreui/styles सेटअप मिक्सइन को कॉल करती है। सेटअप विकल्पों में includeResets, includeUtilities, includeTooltip, includeScrollbarStyles, includeBreakpoints, theme और themes शामिल हैं। README में कंपोनेंट शैलियों को कस्टमाइज करने के लिए CSS वेरिएबल्स का दस्तावेजीकरण है, जिनमें Avatar, Banner, BottomNavigation, Checkbox, Collapsible, Counter, Masonry, Progress, Radio, RangeSlider, Rating, Ribbon, scrollbars, Skeleton, Slider, SpeedDial, Spinner, Spoiler, Stepper, Switch, ThemeSwitcher, Timeline, Tooltips, बॉर्डर रेडियस और एरर पेज जैसे ब्लॉक शैलियों के उदाहरण शामिल हैं। रिपॉज़िटरी UI बिल्डिंग पीस को कंपोनेंट्स, ब्लॉक्स और टेम्पलेट्स में व्यवस्थित करती है। लिस्ट किए गए कंपोनेंट्स में 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 और Tooltip शामिल हैं। ब्लॉक्स में 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 और User शामिल हैं। टेम्पलेट्स में Authentication, Blog, Portfolio और ProductPage शामिल हैं। प्रोजेक्ट MIT लाइसेंस के अधीन है।