18 Repositories
JavaScript fluid-typography Libraries
Exposes theming options available in Joy UI by providing color palette and typography controls.
Joy Theme Creator Note: Joy UI is currently in alpha - some things may not be finished or working as expected. This project exposes the theming option
A typography stylesheet for readable content
yue.css yue.css is a typography stylesheet for readable content. It was created for my blog at first since I always designed a new theme for my blog.
Experimental tool inspired by Capsize, implemented in Solid JS. Generates x-height and cap-height CSS
Usage Those templates dependencies are maintained via pnpm via pnpm up -Lri. This is the reason you see a pnpm-lock.yaml. That being said, any package
A framework for building collaborative Microsoft Teams and M365 experiences.
Live Share SDK The Live Share SDK is in preview. You will need to be part of the Developer Preview Program for Microsoft Teams to use this feature. Th
Generate fluid, custom property based design systems on the fly — entirely based on Utopia
Fluid Design Systems With Netlify On-demand Builders A proof of concept demonstrating how Netlify on-demand builders can help generate fluid, custom p
A custom Chakra UI component that adds ready-made styles for rendering remote HTML content.
Chakra UI Prose Prose is a Chakra UI component that adds a ready-made typography styles when rendering remote HTML. Installation yarn add @nikolovlaza
Generate font size variables for a fluid type scale with CSS clamp.
Fluid Type Scale Calculator Generate font size variables for a fluid type scale with CSS clamp. Overview Customize everything, grab the output CSS, an
A JavaScript API for drawing unconventional text effects on the web.
A JavaScript API for drawing unconventional text effects on the web. Home — Help Overview When applying effects to text on the web, designers have tra
Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics.
Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.
⌨️ Lightweight $.Hypertext.Typewriter
⚠️ iOS 13.3 note (April 2020) beep[:true] freezes the typewriter, read more: issue #11 Nice features 👌 full HTML support beep-beep Hypertypin' Markup
Adds OpenType features—ligatures, kerning, and more—to Normalize.css.
Note You might also like my more recent take on this project, Utility OpenType: CSS utility classes for advanced typographic features. Normalize-OpenT
A lightweight carousel library with fluid motion and great swipe precision
Embla Carousel Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It's library agnostic, dependency
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
Introducing FitVids.js A lightweight, easy-to-use jQuery plugin for fluid width video embeds. FitVids automates the Intrinsic Ratio Method by Thierry
A lightweight, easy to use Javascript span injector for radical Web Typography
Lettering.js, a jQuery plugin for radical Web Typography We developed a lightweight, easy to use Javascript span injector for radical Web Typography,
A JavaScript library that lets you curve type on the web.
CircleType A JavaScript library that lets you curve type on the web. Demo: https://circletype.labwire.ca Installation In a browser: script src="circl
Web typography at its finest: font-size and line-height based on element width.
FlowType.JS Responsive web typography at its finest: font-size and line-height based on element width. Check out the demo site. What does FlowType.JS
A fluid grid of square units.
Fluid-Squares What is it? A fluid grid of square units using HTML and CSS. Fluid Squares preserves a unit's square proportion within a fluid layout. T
:atom_symbol: React primitive UI components built with styled-system.
Rebass React primitive UI components built with Styled System. https://rebassjs.org npm i rebass Getting Started import React from 'react' import { Bo