# Lesscode Design Library - Sep 2025

**URL:** <https://community.glideapps.com/t/lesscode-design-library-sep-2025/84578>\
**Category:** Project Showcase\
**Created:** [September 24, 2025, 2:38pm UTC](https://community.glideapps.com/t/lesscode-design-library-sep-2025/84578 "2025-09-24T14:38:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![rayo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rayo/32/91372_2.png) [@rayo](https://community.glideapps.com/u/rayo)\
**Post date:** [September 24, 2025, 2:38pm UTC](https://community.glideapps.com/t/lesscode-design-library-sep-2025/84578/1 "2025-09-24T14:38:07Z")

</div>

# Lesscode Design Library - Sep 2025

Our library is growing! Below is a glimpse of what’s new in **September**.

Visit the app to access the entire library:

> **[LessCode Design Library](https://lesscode-design-library.glide.page)**

Would love your feedback!

* * *

### Display Zero Tab Badge

Forces the **Tabs** badge to remain visible even when its value is 0, ensuring consistent badge display across navigation.

 ![Display Zero Tab Badge](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/a/1af9b223318048d315dca824b400849eb4d386a0.png)

* * *

### Overlay Screen Sticky Bottom Footer

Keeps a **Container** stuck to the bottom of an **Overlay Screen**. Perfect for fixed menus or action bars that remain visible.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/9/59c42143360d373797cc0c08f0582d66824d63ae.png)

* * *

### Top Sticky Header

Keeps a **Container** component fixed at the top of the page while scrolling. Most useful for creating a **sticky header** with custom filters that remains accessible when browsing long collections of cards or lists.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/5/e53435e7930b355c73f6c2180f155f2cacf346d4.jpeg)

* * *

### Overlapping Cards

Create a stacked **Card Collection** layout with overlapping edges. Customize the _`width`_, _`margin`_, and _`border`_ values to control size, spacing and hover effects.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/4/d45965b17df172b2c88a2a035e980b6b63337390.jpeg)

* * *

### Inline Info Bar

Convert a **Single-Row Table** component into an inline info bar. You can add Tags, Buttons, Small Images, Text.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/d/9d33237b22013c0869a8f61fdcee60f2042dcfd0.png)

* * *

Also available: Free CSS Library

* * *

### Split Delete Button

Makes the **Delete Button** in a **Button Block** component visually distinct by pushing it to the far right. Creates clearer spacing and helps reduce accidental taps on actions.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/0/7053be2185df2f2d30d2bce607a069e19398c64b.png)

```auto
/* Split Delete Button */

.lc-buttons-split-delete button[aria-label="Delete"] {
  margin-left: auto;  
}

```

* * *

### Custom Collection Card Background

Applies a background color to Custom Collection cards and allows an optional different hover color.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/e/0eee1394ccc5868a20035e2b4306016cd726e09a.jpeg)

```auto
/* Custom Collection Card Background */

.lc-cc-card-background div[class*="StyledDiv7"][class*="pages-component-renderer"] 
{ 
  background-color: #E0E4F5; /* set base background */
}

.lc-cc-card-background div[class*="StyledDiv7"][class*="pages-component-renderer"]:hover 
{ 
  /* background-color: #C7F9CD; optional hover color */
}

```

* * *

### Cards Menu Button Border

Adds a border around the cards dropdown **Menu Button** to make it more visible against the background. You can customize the border style, size and color.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/0/60cc1ab8aabb3de0da29d14c9c538c7885a6eafe.jpeg)

```auto
/* Cards Menu Button Border */

.lc-card-menubutton-border div[class*="StyledDiv10"] button[aria-label="Menu"] {
  border: 2px solid #2CBCD5; /* Select your border color */
}

```

* * *

### Card Container Border

Adds a border around a **Card Container** to visually separate it from the background. Customize the _`border`_ value to control the border width and color.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/f/6ffc78b411d8eba42212bba955eebd4ac0642270.jpeg)

```auto
/* Card Container Border */

.lc-card-container-border div[class*="StyledDiv7"][class*="pages-component-renderer"] 
{
  border: 2px solid #B24C63; /* Select your border color */
}

```

* * *

We have loads of CSS snippets ready to be added to the library. Visit the app and subscribe if you want access to the full collection and all future updates.

> **[LessCode Design Library](https://lesscode-design-library.glide.page)**

Reach out if you need custom design or improved user experience for your Glide app.

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [September 24, 2025, 3:02pm UTC](https://community.glideapps.com/t/lesscode-design-library-sep-2025/84578/2 "2025-09-24T15:02:22Z")

</div>

Nice work!

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [September 25, 2025, 11:35am UTC](https://community.glideapps.com/t/lesscode-design-library-sep-2025/84578/3 "2025-09-25T11:35:50Z")

</div>

Love it!

---

<div class="post-metadata">

**Author:** ![raghav\_khandelwal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/raghav_khandelwal/32/12492_2.png) [@raghav\_khandelwal](https://community.glideapps.com/u/raghav_khandelwal)\
**Post date:** [September 26, 2025, 8:32am UTC](https://community.glideapps.com/t/lesscode-design-library-sep-2025/84578/4 "2025-09-26T08:32:49Z")

</div>

Really loved this library and already subscribed. It’s full of value, and Abdo is a great guy — just a message away.