TODO.md

Fella roadmap

Milestone 1: Floofi Crature Interface Guidelines

• Instruction cards (Do Not [red], Caution [orange], Do [blue])
• Pagination
• Code block (with multiple languages)
• Component demo
• • Colors
• Snippet
• Tabs
• Note
• Keyboard input
• Table

Milestone 2: Web applications

• Error
• Badge
• Checkbox
• Radio
• Toggle
• Slider
• Progress
• Gauge
• Menu
• Spinner
• Loading dots
• Modal (bare implementation already present)
• Info banner
• Status dot

Milestone 3: Extended applications

• Avatar
• Empty state
• Choicebox
• Show more
• Skeleton
• Split button
• Switch
• Context menu

Milestone 4: Development framework

• Stack
• Fellup UI design toolkit (kinda like Material Compose)
  • HTML custom elements (similar to React)

    • <Navigation id="navbar">
          <NavigationLeft>
              <NavigationIcon label="Test Thing" target="/" image="/assets/logo.png" />
          </NavigationLeft>
          <NavigationRight>
              <NavigationSubtitle>Hello world</NavigationSubtitle>
          </NavigationRight>
      </Navigation>

  • Expected HTML output

    • <nav id="navbar" class="fella-nav">
          <div class="fella-nav-inner">
              <div class="fella-nav-left">
                  <a href="/" target="_blank">
                      <img class="fella-nav-icon" alt="Test Thing" src="/assets/logo.png">
                  </a>
              </div>
              <div class="fella-nav-right">
                  <span class="fella-nav-subtitle">Hello world</span>
              </div>
          </div>
      </nav>