diff --git a/application/checkout/checkout-flow.html b/application/checkout/checkout-flow.html new file mode 100644 index 0000000..039cef4 --- /dev/null +++ b/application/checkout/checkout-flow.html @@ -0,0 +1,748 @@ + + + + + + + Checkout Flow | TailGrids + + + + + + + +
+
+
+ +
+
+ + +
+ +
+
+
+
+ + + +
+
+
+

+ Checkout +

+

+ Please fill in the details below to complete your purchase +

+
+ + +
+
+
+ + 1 + + Cart Review +
+
+ + 2 + + Shipping +
+
+ + 3 + + Payment +
+
+ + 4 + + Confirmation +
+
+
+ +
+ +
+
+
+

+ Your Cart +

+
+ + +
+
+ +
+
+ product image +
+
+
+

+ Premium Wireless Headphones +

+ + $199.99 + +
+

+ Black, Wireless, Noise Cancelling +

+
+ + 1 + +
+
+
+ + +
+
+ product image +
+
+
+

+ Smart Watch Series 7 +

+ + $399.99 + +
+

+ 45mm, GPS, Aluminum Case +

+
+ + 1 + +
+
+
+
+ +
+
+ Subtotal + $599.98 +
+
+ Shipping + Free +
+
+ Tax + $47.99 +
+
+ Total + $647.97 +
+
+
+
+
+ + +
+
+
+

+ Shipping Details +

+
+ +
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+ + + + + + + +
+
+ +
+
+ + +
+
+ + + + + + + +
+
+ +
+ + +
+ + +
+
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/application/dashboards/dashboard-01.html b/application/dashboards/dashboard-01.html new file mode 100644 index 0000000..582d4df --- /dev/null +++ b/application/dashboards/dashboard-01.html @@ -0,0 +1,748 @@ + + + + + + + Dashboard | TailGrids + + + + + + + + + + + + + +
+ +
+
+ + + + +
+ +
+ +
+ + + +
+
+ + +
+ + + +
+
+
+
+ + + +
+ +
+

Dashboard

+

Welcome back, John! Here's what's happening with your business today.

+
+ + +
+ +
+
+
+

Total Revenue

+

$45,231.89

+
+
+ +12.5% +
+
+
+ +
+
+ + +
+
+
+

Active Users

+

12,345

+
+
+ +8.3% +
+
+
+ +
+
+ + +
+
+
+

Conversion Rate

+

4.7%

+
+
+ -2.1% +
+
+
+ +
+
+ + +
+
+
+

Average Order Value

+

$89.99

+
+
+ +5.2% +
+
+
+ +
+
+
+ + +
+ +
+
+

Sales Overview

+
+ + + +
+
+
+ +
+
+ + +
+
+

Top Products

+ View All +
+
+ +
+
+
+ + + + +
+
+

Wireless Headphones

+

Electronics

+
+
+
+

$299.99

+

+15%

+
+
+ + +
+
+
+ + + + +
+
+

Smart Watch

+

Wearables

+
+
+
+

$199.99

+

+8%

+
+
+ + +
+
+
+ + + + +
+
+

Bluetooth Speaker

+

Audio

+
+
+
+

$149.99

+

-2%

+
+
+
+
+
+ + +
+ +
+
+

Recent Orders

+ View All +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OrderCustomerStatusTotal
#12345John Smith + + Completed + + $299.99
#12344Jane Doe + + Processing + + $149.99
#12343Bob Johnson + + Shipped + + $499.99
+
+
+ + +
+
+

Traffic Sources

+ View Details +
+
+ +
+
+
+
+
+ Organic Search +
+ 45% +
+
+
+
+ Social Media +
+ 25% +
+
+
+
+ Direct +
+ 20% +
+
+
+
+ Referral +
+ 10% +
+
+
+ + +
+

Quick Stats

+
+ +
+
+

Bounce Rate

+

45.2%

+
+
+ + + +
+
+ + +
+
+

Avg. Session Duration

+

2m 30s

+
+
+ + + +
+
+ + +
+
+

Pages per Session

+

3.2

+
+
+ + + +
+
+
+
+
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/application/navbars/navbar-02.html b/application/navbars/navbar-02.html new file mode 100644 index 0000000..af01fc6 --- /dev/null +++ b/application/navbars/navbar-02.html @@ -0,0 +1,435 @@ + + + + + + + Responsive Navbar | TailGrids + + + + + + + + + + + +
+
+
+
+

+ Build Beautiful Interfaces with TailGrids +

+

+ A comprehensive UI component library for Tailwind CSS with 600+ pre-designed components, including dark mode support, responsive layouts, and more. +

+ +
+
+ Hero Image +
+
+
+
+ + + +
+
+
+

+ Everything You Need to Build Great Interfaces +

+

+ TailGrids provides a comprehensive set of components that are easy to use, customizable, and responsive. +

+
+ +
+ +
+
+ + + +
+

+ Dark Mode Support +

+

+ All components come with dark mode support out of the box, making it easy to create beautiful dark interfaces. +

+
+ + +
+
+ + + +
+

+ Responsive Design +

+

+ Components are designed to be responsive and work seamlessly across all devices and screen sizes. +

+
+ + +
+
+ + + + +
+

+ Customizable +

+

+ Easily customize components to match your brand with Tailwind CSS utilities and custom theme options. +

+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/application/theme-configurator/theme-configurator.html b/application/theme-configurator/theme-configurator.html new file mode 100644 index 0000000..5fcd93d --- /dev/null +++ b/application/theme-configurator/theme-configurator.html @@ -0,0 +1,719 @@ + + + + + + + Theme Configurator | TailGrids + + + + + + + + +
+
+
+ + +
+
+
+ + + +
+
+
+

+ Theme Configurator +

+

+ Customize your TailGrids theme with our interactive configurator +

+
+ +
+ +
+
+
+

+ Theme Settings +

+
+ +
+ +
+

+ Primary Color +

+ +
+ + +
+

+ Border Radius +

+
+
+ Small + Large +
+ +
+ Current: 6px +
+
+
+ + +
+

+ Shadow Intensity +

+
+
+ Light + Heavy +
+ +
+ Current: Shadow 1 +
+
+
+ + +
+

+ Font Family +

+ +
+ + + +
+
+
+ + +
+
+
+

+ Live Preview +

+
+ +
+ +
+

+ Buttons +

+
+ + + +
+
+ +
+

+ Cards +

+
+
+ card image +
+ Premium Wireless Headphones +
+

+ Experience immersive audio with our premium wireless headphones +

+
+ + $199.99 + + +
+
+ +
+ card image +
+ Smart Watch Series 7 +
+

+ Stay connected and track your fitness with our smart watch +

+
+ + $399.99 + + +
+
+
+
+ +
+

+ Forms +

+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ +
+
+
+
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/core-components/dark-mode-components/glass-cards.html b/core-components/dark-mode-components/glass-cards.html new file mode 100644 index 0000000..9c75023 --- /dev/null +++ b/core-components/dark-mode-components/glass-cards.html @@ -0,0 +1,365 @@ + + + + + + + Glass Cards | TailGrids + + + + + +
+
+
+ +
+
+

+ Basic Glass Card +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nisl nec ultricies aliquam, nunc nisl aliquet nunc, eget aliquam nisl nunc vel nisl. +

+ + Learn More + + + + + +
+
+ + +
+
+ glass card image +
+

+ Glass Card with Image +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nisl nec ultricies aliquam, nunc nisl aliquet nunc, eget aliquam nisl nunc vel nisl. +

+ + View Details + +
+
+
+ + +
+
+
+ + NEW + + + + + +
+

+ Glass Card with Shadow +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nisl nec ultricies aliquam, nunc nisl aliquet nunc, eget aliquam nisl nunc vel nisl. +

+ +
+
+ + +
+
+
+

+ Glass Card with Gradient Border +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nisl nec ultricies aliquam, nunc nisl aliquet nunc, eget aliquam nisl nunc vel nisl. +

+
+ + #design + + + #glassmorphism + + + #ui + +
+
+
+
+ + +
+
+
+ avatar +
+

John Doe

+

Designer

+
+
+

+ Glass Card with Hover Effect +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nisl nec ultricies aliquam, nunc nisl aliquet nunc, eget aliquam nisl nunc vel nisl. +

+
+ 2 hours ago +
+ + + +
+
+
+
+ + +
+
+
+
+

Total Revenue

+

$45,231.89

+
+
+ + + + +
+
+
+ + + + +12.5% +
+
+
+ This Month + Last Month +
+
+
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/core-components/dark-mode-components/neon-buttons.html b/core-components/dark-mode-components/neon-buttons.html new file mode 100644 index 0000000..ee8bc34 --- /dev/null +++ b/core-components/dark-mode-components/neon-buttons.html @@ -0,0 +1,112 @@ + + + + + + + Neon Buttons | TailGrids + + + + + +
+
+ +
+
+ + + \ No newline at end of file