tailwindcss-typography
Svelte
Our great sponsors
tailwindcss-typography | Svelte | |
---|---|---|
49 | 625 | |
3,545 | 75,969 | |
5.6% | 1.1% | |
6.1 | 9.9 | |
6 days ago | 3 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
tailwindcss-typography
-
Creating a static Next.js 14 Markdown Blog - An Adventure
To enable viewing MDX files in our app, lets install MDX. We should also install our other helper which is tailwindcss/typography as a dev dependency. This'll be useful later for auto styling the blog post.
-
I built an Markdown editor using Next.js and TailwindCss 🔥
3. Setup react-markdown and @tailwindcss/typography
-
Ask HN: Examples of clean design in personal blogs / digital portfolios?
The typography plugin which comes out of tailwind gives a clean readable experience in my opinion. https://tailwindcss.com/docs/typography-plugin
-
The 7 best plugins to use in your Tailwind project
This is the text before the plugin: This is the text after applying the plugin: You can play with the demo here, and check out more ways to use it in the Typography documentation.
Typography is a Tailwind plugin that helps you easily style long blocks of text, like blog posts. It gives text a readable look without any extra effort from you. But why would you need any help? Tailwind applies a set of CSS reset rules to your project that makes most unstyled HTML elements look like plain text, and to fix this, you have to style all of them again from scratch.
-
Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors
We've been using https://tailwindcss.com/docs/typography-plugin with Tiptap and it's worked great so far.
-
Create Dynamic Blog Layouts Using Negative Margins
While we could have used the Tailwind CSS Typography plugin, we chose this solution to have more control over the tag styles and avoid overriding the plugin’s default styles. Since this demo utilizes only a few elements, this choice is appropriate.
-
Rebuilding my Portfolio with Next, MDX, and Contentlayer
Before rendering the BlogPost, we can also style some of it using Tailwind Typography
- Hello world
-
Let's build: DaisyUI and Tailwind CSS dashboard - part 1
This will ensure we only have two themes, The default dark and default light theme. One more plugin that we will use is the tailwind typography plugin, this will automatically add styles to certain elements such as p tags, heading tags, code tags etc. Read more about it here.
Svelte
-
Trying to use dotnet watch with Svelte
Use .NET features (especially dotnet watch) as a setup for a client-side Svelte application, starting from a simple C# console app.
-
Why I keep an eye on the Vue ecosystem and you should too
Volar originally was Vue3's language support tool for VScode (I don't know about other editors). By today, volar has become a language indipendent framework to create language tools. It might still be a bit early for the dev with skill issues like me to use it and build some tools, but astro and svelte already use Volar to create their language tools.
-
How Do We Structure Our Admin Pages in WordPress
The thought that came to mind was to use a front-end framework or library like React or Svelte.
-
How I Contributed to Open-Source While Learning Svelte
Now that I've chosen to learn Svelte for building my website, the first I did was visit Svelte's website. Then I went to Svelte's interactive tutorial.
-
How to build a PDF invoice generator in minutes
Basic knowledge of Javascript and Svelte
-
The best Javascript UI framework to use in 2023
Svelte is a cybernetically enhanced way of building web applications, what this simply means is that Svelte provides quite a unique way for us to build a web app by shipping as a compiler. Yes, you heard that right, all of the Svelte code you write gets compiled down into a Javascript executable and this has some amazing benefits, first, the compiler can perform some optimization before spitting out the final executable and this can result in performance gains as with the case in apps built with Svelte.
-
Do you believe AI will replace your job?
Svelte is a JavaScript tool for constructing UI components, similar to other UI frameworks like React and Vue. However, what sets Svelte apart is that it functions as a compiler, transforming the code into a form compatible with native browser APIs.
-
🎄 Top Front-End Frameworks in 2024 Worth Your Time and Effort to Master
Svelte is kinda the new kid on the block in the ecosystem, but it's getting popular fast because it does things differently.
-
But can your browser do this? :)
- Svelte
- Quando um framework é melhor que a manipulação nativa do DOM
What are some alternatives?
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
lit - Lit is a simple library for building fast, lightweight web components.
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces. [Moved to: https://github.com/solidui/solid]
qwik - Instant-loading web apps, without effort
awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Next.js - The React Framework
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
SvelteKit - web development, streamlined
Gatsby - The best React-based framework with performance, scalability and security built in.
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
PrismJS - Lightweight, robust, elegant syntax highlighting.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!