What is Lobster?

lobster image

reusable, flexible, and scalable components
that are reliable and simple to use
for creatives and developers


Guiding Principle

Flexible and Scalable

  • Allow for single component usage, complex arrangements, or custom html
  • Be unopinionated about component markup and styling
lobster image

Guiding Principle

Speed

Remove repetitive work to allow creatives and developers to work on more complex and interesting problems

Performant - built with stencilJS

Rely on built in patterns to ensure usability, a fast build, and ultimate creative capabilities

All components are keyboard navigable and screen reader friendly out of the box

Guiding Principle

Backwards Compatibility

  • allow for an ever evolving list of components without disruption to existing components by keeping components in atomic pieces
  • Throwing out the baby out with the bathwater will lead to an unstable system
  • Rebuilding the same functionality every time is like throwing the baby out with the bathwater and will lead to an unstable system
lobster image

Guiding Principle

Single Source of Truth

lobster image
Web Component Library

=

lobster image
Sketch Component Library
Showing 1 of 3 carousel pages
Provide feedback