Pelican Design System
Bootstrap or Pelican?
Bootstrap or Pelican?
Pelican 2 uses some Bootstrap components and adds some of its own.
On this page:
Bootstrap & Pelican 2
Bootstrap is a frontend framework. Pelican 2 is a design system.
Frontend frameworks handle things like responsiveness, CSS, and HTML construction, while design systems act as the overarching source of truth for visual identity, guidelines, and user experience consistency. They don’t compete but they are highly complementary pieces of modern product production.
Pelican 2 is based on Bootstrap and specifically uses Bootstrap 5.3.3. Some of the Components in Pelican 2 are directly taken from Bootstrap. Other components are custom for Pelican 2 but they’re built on what Bootstrap provides. The lists present each component’s origin.
Bootstrap
Pelican
- App Screen
- Button Container
- Previous & Next Page Buttons
- Back to Top Button
- Add Data Button
- Page Actions Button
- Chip
- Collapse
- Content Container
- Data Tile
- Dividers
- Footer
- Official Banner
- Page Title
- Pagination
- Progress Indicator
- Share & Social
- Sidebar with Navigation
- Skip Link
- Status
- Table, Scrollable