We have collection of more than 1 Million open source products ranging from Enterprise product to
small libraries in all platforms. We aggregate information from all open source repositories.
Search and find the best for your needs. Check out projects section.
BigText works best on browsers that support subpixel font scaling. In order to best serve sizes to all browsers, BigText will adjust word-spacing as well as font-size. Use display: inline children (like a span) so the text will flow correctly if BigText doesn’t run.
BonMot (pronounced Bon Mo, French for good word) is a Swift attributed string library. It abstracts away the complexities of the iOS, macOS, tvOS, and watchOS typography tools, freeing you to focus on making your text beautiful. To run the example project, run pod try BonMot, or clone the repo, open BonMot.xcodeproj, and run the Example-iOS target.
Devbridge Styleguide helps you create, share, and automate a living visual style library of your brand. Share your digital brand standards, improve team collaboration, and implement an independent easily-extendable modular structure. Note, do not download files directly from git repository, unless you know what you are doing.
Both force designers & developers to do extra work to realize their design. Let typebase.css handle the vertical rhythm and spacing, you handle the typefaces and design. The most important thing that typebase.css gives you is an enforced vertical rhythm across all most screens (working on mobile). This insures that text across columns and long copy doesn't become uneven.
Thousands have visited this project and many are using this as an ongoing reference tool to learn about typography. It's important that submissions (pull requests) demonstrate a good foundation in typography. The primary goal is to communicate, not decorate.
Note You might also like my more recent take on this project, Utility OpenType: CSS utility classes for advanced typographic features. Adds OpenType features—ligatures, kerning, and more—to Normalize.css.
React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.
Think of Toolkit as your swiss army knife for modern design and development. Those little bits and bobs that make your life easy and you want to reuse throughout projects but never really had a place to put? They're here, and they're designed to make your life happy. Toolkit is broken out into individual pieces, so grab what you want, grab what you need, or grab the lot; the choice is yours. Then, add require 'toolkit' to your config.rb file and @import "toolkit"; to your Sass file.
A modular scale is a list of values that share the same relationship. These values are often used to size type and create a sense of harmony in a design. Proportions within modular scales are all around us from the spacing of the joints on our fingers to branches on trees. These natural proportions have been used since the time of the ancient Greeks in architecture and design and can be a tremendously helpful tool to leverage for web designers. Ems work especially well with modular scales as their recursive properties mimic modular scales making them more predictable and easier to manage. Pixels and other units work just fine and breakpoints in responsive web design can naturally fall on your scale to create better relevance to your text as all the values in your layout harmonize with each other.
Including responsive layout and high quality UI built with Bootstrap 4. This repository contains a limited free version of Sing App. Full bootstrap 4, React with backend, Angular and Angular JS versions are also available and are shipped in a full package.
Edward Tufte uses a distinctive style in his handouts: simple, with well-set typography, extensive sidenotes, and tight integration of graphics and charts. tufte-css brings that style to HTML documents. This project is directly inspired by and based on Tufte-LaTeX and the R Markdown Tufte Handout.