MynaUI is a free premium design system and UI kit based on TailwindCSS, shadcn/ui and Radix. Get code for free on mynaui.com -> Changelog: 18 Jun 2024 Add 4xl radiusAdd 3xs and 2xs widthsUpdate figma variable names to better match tailwind variable
Elevate Your UI with Tailwind CSS Music Player Components AllAccordionsAlertsAlpinejsAvatarsBadgesBannerBlockquoteBottom NavigationBreadcrumbButton GroupButtonsCalendarCardsCarouselChartsChatCheckboxChipCollapseCursorDashboardDatepickerDevice MockupsDrawerDropdownsFaqFeaturesFile UploadFloating LabelFootersFormsGalleryGridHead...
// tailwind.css https://www.tailwindcss.cn/docs import "@/styles/tailwind.css"; /** * element-plus 必须要在 tailwind 后导入,不然会出现样式冲突导致按钮背景色透明等问题 * 具体请访问问题:https://github.com/tailwindlabs/tailwindcss/discussions/5969 */ import 'element-plus/dist/index.css' /...
Once you install @material-tailwind/html you need to wrap your tailwind css configurations with the withMT() function coming from @material-tailwind/html/utils.const withMT = require("@material-tailwind/html/utils/withMT"); module.exports = withMT({ content: ["./index.html"], theme: { ...
Rating BarSelectSlider Speed DialSpinnerStepper SwitchTabsText Area TimelineTooltipTypography FooterImageVideo SidebarTable Getting Started Learn how to use @material-tailwind/react components to quickly and easily create elegant and flexible pages using Tailwind CSS. ...
<!-- Include the Alpine library on your page --><!-- Include the TailwindCSS library on your page --> Then, copy and paste any element into your page and it will work like magic. Easy to add to any project Copy'n Paste elements that feel so right! Add a delightful user experience...
使用CSS (或Bootstrap)的水平时间轴 、 如何创建水平时间线?通过示例,我创建了自己的垂直时间线,但我无法将其转换为水平时间线。 .container { background:none; width:80%; margin:0 auto; overflow:auto; padding:2%; } .right-content, .left-content { float:left; display:block; width:40%; padding...
使用CSS将图像放置在四个不同的位置可以通过以下方式实现: 1. 图像位于左上角: ```css .image { position: absolute; top: 0; left: 0...
Tailwind CSS shadcn/ui Figma # Installation# Fonts# Assets# Icons Getting Started Figma File Design System MynaUI Icons 12 Apr 2024Toggler Update 14 Apr 2024Dropdowns 16 Apr 2024More Components Changelog Elements Small building blocks for your application. ...
# Carousel with next/prev buttons This slider works with anchor links so the browser will snap vertically to the image when you click buttons. Preview HTML JSX ❮ ❯ ❮ ❯ ❮ ❯ ❮ ❯Prev Card Next Chat bubble Do you have a question? ask the community Do you see a ...