JavaScript Typography

Open-source JavaScript projects categorized as Typography | Edit details

Top 17 JavaScript Typography Projects

  • GitHub repo rebass

    :atom_symbol: React primitive UI components built with styled-system.

    Project mention: [Gatsby] - This was my first Gatsby project | reddit.com/r/reviewmycode | 2021-11-15

    There's absolutely nothing wrong with using CSS mixed with your components, but I would suggest (if you haven't already) looking into some alternatives, such as styled-components or Rebass. Not because one is "better" than the other, but it's something to add to your arsenal

  • GitHub repo styled-system

    ⬢ Style props for rapid UI development

    Project mention: TaskEz: Design to Code - Chapter 1 | dev.to | 2021-11-27

    You can read more about styled system here, https://styled-system.com/.

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo Lettering.js

    A lightweight, easy to use Javascript <span> injector for radical Web Typography

    Project mention: hi @webflow developers can you pls add the option to add stroke to text would be really helpful . tnx | reddit.com/r/webflow | 2021-09-22

    probably just need to do this with CSS it's not a very common thing... and you could ensure more browser compatability. https://css-tricks.com/adding-stroke-to-web-text/ also this? http://letteringjs.com

  • GitHub repo FlowType.JS

    Web typography at its finest: font-size and line-height based on element width.

  • GitHub repo typography

    A powerful toolkit for building websites with beautiful design

    Project mention: Typography.js installation workflow | reddit.com/r/reactjs | 2021-04-16
  • GitHub repo react-native-typography

    Pixel–perfect, native–looking typographic styles for React Native ✒️

    Project mention: Need some help making my date picker not suck. | reddit.com/r/reactnative | 2021-10-23

    Header Text - https://github.com/hectahertz/react-native-typography

  • GitHub repo Blotter

    A JavaScript API for drawing unconventional text effects on the web.

    Project mention: Use Fancy Text(Blotter.js) with Reactjs | dev.to | 2021-03-01

    View on GitHub

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo typeit

    The most versatile JavaScript typewriter effect library on the planet.

    Project mention: Just found out about the native TreeWalker object, useful for crawling through lots of nodes. | reddit.com/r/learnjavascript | 2021-12-29

    For a long time, my library TypeIt (https://typeitjs.com) crawled through a bunch of HTML nodes by recursively looping over them, and flattening them out at the end. It's always felt like an arduous, inefficient process. You can peruse through it here (spare me the code review, lol):

  • GitHub repo universal-resume

    Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo

    Project mention: Universal Résumé template rebuilt with React, rendered from JSON config | reddit.com/r/webdev | 2021-12-24

    Actually my original plan was to use JSON Resume, but I couldn't find a theme I liked. Then I found this, which was exactly what I'm looking for.

  • GitHub repo BigText

    jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.

  • GitHub repo circletype

    A JavaScript library that lets you curve type on the web.

    Project mention: Rotate Circular Text Animation | Using HTML, CSS & CircleType JS | dev.to | 2021-09-29

    Hello Everyone I am back with another awesome tutorial, in this video ill show you how to create Circular text animation using Circular Type JS. Please share the video and subscribe to my channel. Links: Circular Type js : https://circletype.labwire.ca/

  • GitHub repo prototypo

    Create your own font in a few clicks

    Project mention: Prototypo – Create unlimited typeface variations with a few swipes | news.ycombinator.com | 2021-08-08
  • GitHub repo Typetura

    Finally, typography as responsive as the web.

    Project mention: "Intrinsic Typography": Yay or nay? | reddit.com/r/css | 2021-04-23

    Hi, I’m the author of the post. The platform to run this can be found here: https://github.com/Typetura/Typetura

  • GitHub repo t.js

    ⌨️ Lightweight $.Hypertext.Typewriter (by mntn-dev)

    Project mention: Web Effect | dev.to | 2021-03-01

    t.js - Lightweight $.Hypertext.Typewriter

  • GitHub repo novacancy.js

    Text Neon Golden effect jQuery plug-in

  • GitHub repo vivid_vector_alphabet

    Beautiful Hand Drawn Letters ⭐ A meticulous merger of form and function. Typography Animation Microinteraction -Star it!

    Project mention: Hand Drawn SVG Dynamic Text | news.ycombinator.com | 2021-12-29
  • GitHub repo web-components

    Nativ web components for typographic projects: <foot-note>, <inline-note>, <note-list>

    Project mention: inside i18n-manager | dev.to | 2021-03-03

    This is based directly off of note-list from the review article. This establishes our default language based typically on though it can be supplied elsewhere and modified afterwards.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-12-29.

JavaScript Typography related posts

Index

What are some of the best open-source Typography projects in JavaScript? This list will help you:

Project Stars
1 rebass 7,586
2 styled-system 7,134
3 Lettering.js 5,368
4 FlowType.JS 4,615
5 typography 3,704
6 react-native-typography 3,293
7 Blotter 2,819
8 typeit 2,431
9 universal-resume 1,460
10 BigText 883
11 circletype 571
12 prototypo 399
13 Typetura 304
14 t.js 299
15 novacancy.js 183
16 vivid_vector_alphabet 19
17 web-components 8
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com