添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

Concise HTML

Fomantic UI treats words and classes as exchangeable concepts.

Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively.

Get the same benefits as BEM or SMACSS , but without the tedium.

Intuitive Javascript

Fomantic uses simple phrases called behaviors that trigger functionality.

Any arbitrary decision in a component is included as a setting that developers can modify.

$('select.dropdown') .dropdown('set selected', ['meteor', 'ember'])

Simplified Debugging

Performance logging lets you track down bottlenecks without digging through stack traces.

Don't have access to development tools right now? Check out this short clip . Unbelievable Theming

Fomantic comes equipped with an intuitive inheritance system and high level theming variables that let you have complete design freedom.

Develop your UI once, then deploy with the same code everywhere.

Select Theme
Fomantic UI
Amazon
Google Material
GitHub
Bootstrap
Twitter
Raised
Chubby
Classic
600+ Switches to reduce CSS size

The only dogma from this framework: everything arbitrary is mutable .

Theming Guide
250+ Variations

Build your entire site with one UI stack. Share your UI between multiple projects.

Browse UI
Fomantic UI and Semantic UI are free open source projects already used in multiple large scale production environments. Visit GitHub Unbelievable Breadth

Definitions aren't limited to just buttons on a page. Fomantic's components allow several distinct types of definitions: elements, collections, views, modules and behaviors which cover the gamut of interface design.

See Layout Examples Responsively Designed

Fomantic is designed completely with em making responsive sizing a breeze. Design variations built into elements allow you to make the choice how content adjusts for tablet and mobile.

Responsive Examples Partners with Libraries You Love

Fomantic has integrations with React, Angular, Meteor, Ember and many other frameworks to help organize your UI layer alongside your application logic.

See Integrations

Enterprise Ready

Build tools, performance logging, support for custom definitions, multiple-levels of theme inheritance—a developer's dream.

Get Started Now