DotStyle
Quick Links
Docs
Components
Blocks
Design
Build
Themes
Pricing
Getting Started
Introduction
Setup
Design System
Styling
Component Builder
Components
Accordion
Alert
Avatar
Badge
Button
Card
Checkbox
Combobox
Date Picker
Dropdown
Image
Input
Loaders
Modal
Radio
Sidebar
Skeleton
Switch
Table
Tabs
Toast
Tooltip
DotStyle
b1.3
Components
Themes
Blocks
Design
Build
Pricing
Sign In
Sign In
Changelog
Review our changes and improvements.
June, 2024
v1.0
Upcoming 🎊
New Content
Adding more blocks - pre-made Tailwind UIs
Adding more themes
More components
Paid Plan
Will likely rework or scrap premium plan.
...
Jun 05, 2024
beta 1.3
Blocks and small changes
Blocks
Our first set of blocks are available for copy or purchase.
They are small components/page sections built with React and Tailwind CSS.
QOL
Changes to checkbox component.
Fixed dropdown layering issue.
Mar 09, 2024
beta 1.2
Templates Release
Themes / Templates
Our first template (Midnight Slate) is out for purchase. View a live preview before you buy.
QOL
Improved template docs structure for better understanding on how to use them.
Feb 27, 2024
beta 1.1
Beta 1.1 😊
Component Library
Small changes to default design system and component structure.
Button and icon classes have an active state.
Component Builder
Support added for editing and previewing React components.
More seamless customization of our components directly in the builder.
QOL
App wide changes for more mobile friendly user interface.
Feb 10, 2024
beta 1.0
Launch 🎉
Component Library
22 beautiful components made with React and Tailwind.
Edit your components with AI in our app before copying into your codespace.
Design System Creator
Currently supports creating text variants, input, buttons, cards, divs, badges and icons.
Supports variant creation, deletion, editing styles with code and Tailwind selectors.
Component Builder
Support for image uploads and chat messages to AI.
Users can select a design system and use their created CSS classes inside the builder.
Can test dark mode, fullscreen view and mobile views.
QOL
All users get 25 free tokens to test out AI features.
Users can see their monthly token usage and free tokens remaining in account page.
Added quick links to create Github issues and also visit the Github repository to make a contribution.