BIGASS PLAYGROUND

demo showcase must be finished by todayyyyy

woof

---

---

---

Contents

DOING EVERYTHING IN 2HRS

1.Data-related idk will rename

1.1 Tables

1.1.1 Normal Table *VERTICAL*

1.1.2 Normal Table *HORIZONTAL*

1.1.3 Normal Responsive Table *HORIZONTAL*

1.2 Lists

1.2.1 Ordered Lists

1.2.2 Unordered Lists

1.2.3 Description Lists

1.3 Code

1.3.1 Inline Code

1.3.2 Code Blocks

1.3.3 Syntax Highlighting

1.4 Quotes

1.4.1 Block Quotes

1.4.2 Inline Quotes

1.5 Notes

1.5.1 Informational Notes

1.5.2 Warning Notes

1.6 Validation

1.6.1 Input Validation States

1.6.2 Error Indicators

1.7 Case

1.7.1 Uppercase Text

1.7.2 Lowercase Text

1.7.3 Capitalized Text

1.8 Trends

1.8.1 Trend Layouts

1.8.2 Highlighted Trend Items

1.9 Versions

1.9.1 Version Labels

1.9.2 Changelog Displays

------2. GUI-related-------

----2.1 Containers-----

2.1.1 Fixed Containers

2.1.2 Fluid Containers

---2.2 Panels---

2.2.1 Basic Panels

2.2.2 Highlighted Panels

--2.3 Cards--

2.3.1 Content Cards

2.3.2 Media Cards

--2.4 Display--

2.4.1 Block Display

2.4.2 Inline Display

--2.5 Buttons--

2.5.1 Hovered Buttons

2.5.2 Disabled Buttons

2.5.3 Button Shapes

--2.6 Alerts--

2.6.1 Success Alerts

2.6.2 Warning Alerts

2.6.3 Error Alerts

--2.7 Inputs--

2.7.1 Text Inputs

2.7.2 Checkbox Inputs

2.7.3 Select Inputs

2.8 Badges

2.8.1 Notification Badges

2.8.2 Status Badges

2.9 Tags

2.9.1 Label Tags

2.9.2 Category Tags

2.10 Grid

2.10.1 Column Layouts

2.10.2 Responsive Grids

2.11 Flexbox

2.11.1 Horizontal Flex

2.11.2 Vertical Flex

2.12 Flex Items

2.12.1 Flexible Items

2.12.2 Fixed Items

2.13 Rows

2.13.1 Row Layouts

2.13.2 Nested Rows

2.14 Cells

2.14.1 Grid Cells

2.14.2 Table-like Cells

2.15 Bars

2.15.1 Top Bars

2.15.2 Bottom Bars

2.16 Dropdowns

2.16.1 Click Dropdowns

2.16.2 Hover Dropdowns

2.17 Accordions

2.17.1 Single Accordion

2.17.2 Multi-panel Accordion

2.18 Navigation

2.18.1 Horizontal Navigation

2.18.2 Vertical Navigation

2.19 Sidebar

2.19.1 Fixed Sidebar

2.19.2 Collapsible Sidebar

2.20 Tabs

2.20.1 Static Tabs

2.20.2 Animated Tabs

2.21 Pagination

2.21.1 Numbered Pagination

2.21.2 Previous/Next Pagination

2.22 Progress Bars

2.22.1 Linear Progress

2.22.2 Animated Progress

2.23 Modal

2.23.1 Dialog Modals

2.23.2 Fullscreen Modals

2.24 Tooltips

2.24.1 Hover Tooltips

2.24.2 Click Tooltips

2.

3. Media-related

3.1 Images

3.1.1 Responsive Images

3.1.2 Rounded Images

3.2 Responsive

3.2.1 Breakpoint Handling

3.2.2 Fluid Layouts

3.3 Slideshow

3.3.1 Automatic Slides

3.3.2 Manual Slides

3.4 Animations

3.4.1 Fade Animations

3.4.2 Slide Animations

3.5 Effects

3.5.1 Shadows

3.5.2 Blur Effects

3.6 Filters

3.6.1 Image Filters

3.6.2 Color Filters

3.7 Dark Mode

3.7.1 System Dark Mode

3.7.2 Manual Toggle

3.8 Mobile

3.8.1 Touch Optimization

3.8.2 Mobile Layouts

3.9 Material

3.9.1 Material Cards

3.9.2 Material Buttons

4. Calligraphy-related

4.1 Fonts

4.1.1 Serif Fonts

4.1.2 Sans-serif Fonts

4.2 Google

4.2.1 Google Font Imports

4.2.2 Font Pairing

4.3 Text

4.3.1 Text Alignment

4.3.2 Text Emphasis

4.4 Colors

4.4.1 Text Colors

4.4.2 Background Colors

4.5 Borders

4.5.1 Solid Borders

4.5.2 Dashed Borders

4.6 Round

4.6.1 Rounded Corners

4.6.2 Circular Elements

4.7 Padding

4.7.1 Inner Spacing

4.7.2 Directional Padding

4.8 Margins

4.8.1 Outer Spacing

4.8.2 Auto Margins

4.9 RTL

4.9.1 Right-to-left Layout

4.9.2 RTL Text Alignment

4.10 Icons

4.10.1 Inline Icons

4.10.2 Icon Buttons

4.11 Defaults

4.11.1 Base Typography

4.11.2 Default Spacing

---5.0 Prebuilt web-components-----

5.1 Notification function

PREFACE

You could use the following classes on almost every css component:
minbytez-jumbo
minbytez-xxxlarge
w3-tiny,
w3-small

w3-medium *DEFAULT*

w3-large
w3-xlarge
w3-xxlarge

basically anything that has a text in it.

Data will rename idk idk

Tables

MinBytez Table (vertical)

name
stance
gender
Latisha or Arum	bro I will call her Alika instead of Arum

Minbytez Table (Horizontal)

Name	Style	DO YA WANT TO HAVE ??
CaPs	DONT	matter

Tables STRIPPPPPEDD *HORIZONTAL*

stripped from the whiteness and striped up out of heaven

favourite stock	favourite cryptocoin	favourite forex pair
TSLA	$Grimace	XAUD/USD

Tables STRIPED *VERTICAL*

time	5:40pm
order DOES matter FRIDAY	day
month	ORDERRR MATTTERS december
year	2025

1.1.4 Responsive Tables *HORIZONTAL*

Resize the screen to see the affect it has on the table