WPDM Front-End CSS Kitchen Sink

Solid Buttons

All Variants
With Icons
Sizes
States

Outline Buttons

All Variants
With Icons

Ghost Buttons

All Variants
Link Style

Icon Buttons

Solid
Outline & Ghost

Button Groups & Layouts

Button Groups
Download CTA
Download Now
Full Width

Cards

Card Header
Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Primary Card

Card with primary background color.

Alerts

Without Icons

Badges

Primary Secondary Success Danger Warning Info

Form Controls

Custom Checkboxes & Radios

Custom Checkboxes
Custom Radios

Input Groups

@

Tables

Default Table (hover rows)
# Package Version Downloads Status
1 WordPress Theme Developer Kit 2.4.1 12,345 Active
2 Plugin Starter Pack 1.8.0 5,678 Active
3 Icon Library Pro 3.2.0 2,890 Pending
4 Legacy Templates 1.0.5 456 Expired
Striped Table
File Type Size Modified
project-files.zip Archive 24.5 MB Dec 21, 2024
documentation.pdf Document 2.1 MB Dec 20, 2024
assets-v2.zip Archive 8.7 MB Dec 18, 2024
changelog.md Markdown 12 KB Dec 15, 2024
Bordered Table
Plan Storage Downloads Price
Starter 5 GB 1,000/mo $9/mo
Professional 50 GB 10,000/mo $29/mo
Enterprise Unlimited Unlimited $99/mo
Compact Table (.table-sm)
ID User Action Time
#1042 john@example.com Downloaded file.zip 2 min ago
#1041 sarah@example.com Viewed package 5 min ago
#1040 mike@example.com Downloaded assets.zip 12 min ago

Progress Bars

25%
50%
75%
100%

Social Lock Buttons

Package Info List

  • Version: 2.5.0
  • File Size: 15.8 MB
  • Downloads: 12,456
  • Last Updated: December 21, 2024
  • Download Now

Changelog

Changelog

Version 2.5.0 Latest December 21, 2024
  • Added new dashboard widgets with caching
  • Improved query performance by 60%
  • Fixed CSS duplicate rules in front.css
  • Updated UI with modern design patterns
Version 2.4.0 November 15, 2024
  • Security patch for file downloads
  • Compatibility with WordPress 6.4
  • Bug fixes and improvements
Version 2.3.0 October 1, 2024
  • Initial release of changelog feature
  • Added timeline-based UI

List Groups

Navigation Tabs

Modern underline tabs with animated indicator. Hover to see the preview effect, click to see active state.

Modal (Static Example)

Modal Title

Modal body content goes here...

Loading States

Loading...

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

This is a paragraph of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is muted text.

This is primary text.

This is success text.

This is danger text.

Utility Classes

Text Alignment
Left
Center
Right
Display
d-block d-inline-block
Spacing (margin/padding)
p-3 (padding)
m-3 (margin)

WPDM Front-End CSS Kitchen Sink - Generated December 2024