Baike.dev
All toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
A

archetype

> 编程语言
Open source

Archetype is a Compass/Sass based framework for authoring configurable, composable UI components and patterns.

100 stars0 likes2 views
WebsiteGitHub

About

Archetype is a Compass/Sass based framework for authoring configurable, composable UI components and patterns.

Archetype

Archetype is a Compass/Sass based framework for authoring configurable, composable UI components and patterns. The natural language syntax that Archetype provides allows designers and developer to discuss UI compositions using the same vocabulary.

Resources

  • Archetype Homepage
  • Documentation
  • Components
  • Tutorials
  • Blog
  • Add-ons
  • Discussion
  • Archetype configuration

Developing Archetype

If you're looking to contribute to Archetype, check out the CONTRIBUTING article.

Installation

Install the gem

bash
[sudo] gem install archetype --pre

Instead of installing the gem directly via the command line, we recommend using Bundler to manage your gem dependencies.

Creating a new project with Archetype

bash
compass create ~/workspace/your-project -r archetype --using archetype

Adding Archetype to an existing Compass project

In your config.rb, add

ruby
require "archetype"

Import Archetype into your Sass file

sass
@import "archetype";

Learn more about Archetype configuration.

Credits

Author

Archetype was originally written by Eugene O'Neill.

Inspiration

  • Styleguides for the Web
  • BBC Global Experience Language
  • Our Living Style Guide (Writing maintainable HTML/CSS)
  • The Fight for a Living Style Guide
  • Anchoring Your Design Language in a Live Style Guide
  • Unifying Agile and UX with Live Style Guides
  • Twitter Bootstrap
  • ZURB Foundation

Special Thanks

  • Johnathan Leppert
  • Jakob Heuser
  • David Delo
  • Robert Martone
  • Sean Sands
  • Chris Eppstein
  • LinkedIn
  • Compass
  • Sass

Acknowledgements

This project couldn't have been made possible without the amazing work by the following heroes:

  • Dave Gandy for his awesome work on FontAwesome
  • Chris Eppstein and other contributors of Compass for building an amazing framework, and for some great scaffolding code we've borrowed
  • Hampton Catlin, Nathan Weizenbaum, Chris Eppstein and contributors for making CSS fun again
  • Nicolas Gallagher and Jonathan Neal for some Normalize.css greatness
  • Nicolas Gallagher, Jonathan Neal, Kroc Camen, Paul Irish, and others for HTML5 Boilerplate

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

Ruby

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 18, 2026
Category编程语言
PricingOpen source

> Related tools

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言