# TailwindCSS

Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces by composing utility classes directly in markup.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## How I prototype with colors in Jetpack Compose

DevFeed: [How I prototype with colors in Jetpack Compose](<https://devfeed.tech/articles/how-i-prototype-with-colors-in-jetpack-compose-25784.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/how-i-prototype-with-colors-in-jetpack-compose/>)

Author: sinasamaki

Published: 2025-02-21T07:25:13Z

Content type: tutorial

Language: en

Sources: [sinasamaki](<https://devfeed.tech/sources/sinasamaki.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Compose](<https://devfeed.tech/topics/compose.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [ui](<https://devfeed.tech/topics/ui.md>), [TailwindCSS](<https://devfeed.tech/topics/tailwindcss.md>), [Android Studio](<https://devfeed.tech/topics/android-studio.md>)

Tags: [android-studio](<https://devfeed.tech/tags/android-studio.md>), [article](<https://devfeed.tech/tags/article.md>), [compose](<https://devfeed.tech/tags/compose.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

A tutorial on prototyping Jetpack Compose UI colors by adapting TailwindCSS's predefined palette into Kotlin color objects and using an infix extension function to select light or dark variants.

### Source excerpt

Don't waste time choosing colors in Jetpack Compose

## Multi-line truncation with @tailwindcss/line-clamp

DevFeed: [Multi-line truncation with @tailwindcss/line-clamp](<https://devfeed.tech/articles/multi-line-truncation-with-tailwindcss-line-clamp-3476.md>)

Original publisher: [Read original article](<https://tailwindcss.com/blog/multi-line-truncation-with-tailwindcss-line-clamp>)

Published: 2021-01-24T20:00:00Z

Content type: tutorial

Language: en

Sources: [Tailwind CSS Blog](<https://devfeed.tech/sources/tailwind-css-blog.md>)

Topics: [TailwindCSS](<https://devfeed.tech/topics/tailwindcss.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

This tutorial introduces the official @tailwindcss/line-clamp plugin for truncating text to a specified number of lines with a trailing ellipsis.

### Source excerpt

A few weeks back we released @tailwindcss/line-clamp, an official Tailwind CSS plugin for truncating text to a specific number of lines.

## How to Add TailwindCSS to an Ember App

DevFeed: [How to Add TailwindCSS to an Ember App](<https://devfeed.tech/articles/how-to-add-tailwindcss-to-an-ember-app-28405.md>)

Original publisher: [Read original article](<https://eaf4.com/how-to-add-tailwindcss-to-an-ember-app/>)

Author: Edward Faulkner

Published: 2018-05-05T03:39:25Z

Content type: tutorial

Language: en

Sources: [Edward Faulkner](<https://devfeed.tech/sources/edward-faulkner.md>)

Topics: [Ember](<https://devfeed.tech/topics/ember.md>), [TailwindCSS](<https://devfeed.tech/topics/tailwindcss.md>), [App](<https://devfeed.tech/topics/app.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [apps](<https://devfeed.tech/tags/apps.md>), [code](<https://devfeed.tech/tags/code.md>), [ember](<https://devfeed.tech/tags/ember.md>), [github](<https://devfeed.tech/tags/github.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [learning](<https://devfeed.tech/tags/learning.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [videos](<https://devfeed.tech/tags/videos.md>)

### AI overview

A screencast demonstrates how to integrate TailwindCSS into an Ember app. The accompanying code is available on GitHub, and the tutorial aims to address the lack of learning materials for this integration.

### Source excerpt

There is definitely an intimidation factor some people feel about integrating things into Ember apps. While there are plenty of things I want to make easier too, I think a large amount of the perception only comes from lack of good learning materials. Toward that goal, I made this screencast