Top 17 JavaScript Typography Projects
-
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
-
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.
-
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
-
-
-
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
-
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.
-
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):
-
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-24Actually 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.
-
BigText
jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.
-
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/
-
Project mention: Prototypo – Create unlimited typeface variations with a few swipes | news.ycombinator.com | 2021-08-08
-
Hi, I’m the author of the post. The platform to run this can be found here: https://github.com/Typetura/Typetura
-
t.js - Lightweight $.Hypertext.Typewriter
-
-
vivid_vector_alphabet
Beautiful Hand Drawn Letters ⭐ A meticulous merger of form and function. Typography Animation Microinteraction -Star it!
-
web-components
Nativ web components for typographic projects: <foot-note>, <inline-note>, <note-list>
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.
JavaScript Typography related posts
- Giving Super-Powers to your Web Components
- Rotate Circular Text Animation | Using HTML, CSS & CircleType JS
- hi @webflow developers can you pls add the option to add stroke to text would be really helpful . tnx
- Prototypo – Create unlimited typeface variations with a few swipes
- Working with Styled System using TypeScript
- Is tailwind any benefical for react js if fundamental components are developed which can take basic arguments and can also take specific styling?
- "Intrinsic Typography": Yay or nay?
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 |
Are you hiring? Post a new remote job listing for free.
