tailwind-react-next.js-typescript-eslint-jest-starter
tailwindcss-typography
Our great sponsors
tailwind-react-next.js-typescript-eslint-jest-starter | tailwindcss-typography | |
---|---|---|
1 | 49 | |
90 | 3,651 | |
- | 7.7% | |
3.6 | 6.1 | |
8 months ago | 8 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.
tailwind-react-next.js-typescript-eslint-jest-starter
-
List of Resources to Build your Blog using Next.js
Tailwind-NEXT-TypeScript starter template - An absolute lifesaver!
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.
What are some alternatives?
PrismJS - Lightweight, robust, elegant syntax highlighting.
modern-normalize - π Normalize browsers' default style
react-component-library-boilerplate - Optimized template repository for React component libraries.
mdx - Markdown for the component era
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
create-blog-app - π¨π»βπ Set up your blog by running one command.
react - Cheatsheets for experienced React developers getting started with TypeScript
sveltekit-graphcms-starter-blog - SvelteKit starter blog with GraphCMS
Svelte - Cybernetically enhanced web apps
serverless-graphql - Serverless GraphQL Examples for AWS AppSync and Apollo
sci - Configurable Clojure/Script interpreter suitable for scripting and Clojure DSLs