diff --git a/packages/components/rollup.config.js b/packages/components/rollup.config.js
index 52d08ebedbb..30fa6bb3084 100644
--- a/packages/components/rollup.config.js
+++ b/packages/components/rollup.config.js
@@ -34,8 +34,8 @@ const createConfig = (component, module) => {
 
 const config = []
 // When developing, you can use this to only rebuild the components you're working on
-let dev = true
-let only = ['Workbench']
+let dev = false
+let only = ['Draft', 'Workbench']
 for (let component of components) {
   if (!dev || only.indexOf(component) !== -1) config.push(createConfig(component, false))
   // Webpack doesn't handle .mjs very well
diff --git a/packages/components/src/Draft/Defs/Snippets/index.js b/packages/components/src/Draft/Defs/Snippets/index.js
index 1eacffd2403..0075273b287 100644
--- a/packages/components/src/Draft/Defs/Snippets/index.js
+++ b/packages/components/src/Draft/Defs/Snippets/index.js
@@ -44,6 +44,9 @@ const Snippets = (props) => {
         d="M -1.7,-1 L -1.7,1 M 1.7,-1 L 1.7,1"
       />
     </g>,
+    <g id="eyelet" className="snippet eyelet" key="eyelet">
+      <circle cy="0" cx="0" r="2.5" {...stroke} />
+    </g>,
     <g id="logo" className="snippet logo" transform="translate(-23 -36)" key="logo">
       <path d={logoPathString} {...fill} />
     </g>
diff --git a/packages/components/src/Footer/index.js b/packages/components/src/Footer/index.js
deleted file mode 100644
index 1f730499f46..00000000000
--- a/packages/components/src/Footer/index.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import React from 'react'
-import Logo from '../Logo'
-import { FormattedMessage, FormattedHTMLMessage } from 'react-intl'
-import IconButton from '@material-ui/core/IconButton'
-import Icon from '../Icon'
-import { version } from '../../package.json'
-
-const Footer = ({ links = false, home = '/', patrons = null, language = 'en' }) => {
-  const icons = {
-    gitter: 'https://gitter.im/freesewing/chat',
-    twitter: 'https://twitter.com/freesewing_org',
-    github: 'https://github.com/freesewing',
-    instagram: 'https://instagram.com/freesewing_org'
-  }
-
-  if (!links)
-    links = {
-      left: {
-        blog: 'https://' + language + '.freesewing.org/blog',
-        aboutFreesewing: 'https://' + language + '.freesewing.org/docs/about',
-        faq: 'https://' + language + '.freesewing.org/faq'
-      },
-      right: {
-        becomeAPatron: 'https://' + language + '.freesewing.org/patrons/join',
-        makerDocs: 'https://' + language + '.freesewing.org/docs/',
-        devDocs: 'https://' + language + '.freesewing.dev/'
-      }
-    }
-
-  const styles = {
-    container: {
-      display: 'flex',
-      flexDirection: 'row',
-      flexWrap: 'wrap',
-      justifyContent: 'center'
-    }
-  }
-
-  return <p>This is a footer</p>
-
-  return (
-    <footer>
-      <a href={home} data-test="logo">
-        <Logo size={101} />
-      </a>
-      <p data-test="social">
-        {Object.keys(icons).map((i) => (
-          <IconButton href={icons[i]} className={i} title={i} key={i}>
-            <Icon icon={i} />
-          </IconButton>
-        ))}
-      </p>
-      <p data-test="text">
-        <FormattedHTMLMessage id="app.txt-footer" />:
-      </p>
-      {patrons}
-      <div style={styles.container}>
-        {Object.keys(links).map((l) => {
-          let items = []
-          for (let i of Object.keys(links[l])) {
-            items.push(
-              <li key={i} style={{ textAlign: 'center' }}>
-                <a href={links[l][i]} data-test={i}>
-                  <FormattedMessage id={'app.' + i} />
-                </a>
-              </li>
-            )
-          }
-          return (
-            <div key={l}>
-              <ul style={{ margin: '0 1rem' }}>{items}</ul>
-            </div>
-          )
-        })}
-      </div>
-      <p className="version">
-        <a href={'https://github.com/freesewing/freesewing/releases/tag/v' + version}>v{version}</a>
-      </p>
-    </footer>
-  )
-}
-
-export default Footer
diff --git a/packages/components/src/Workbench/index.js b/packages/components/src/Workbench/index.js
index 068e69691e3..c0c79363620 100644
--- a/packages/components/src/Workbench/index.js
+++ b/packages/components/src/Workbench/index.js
@@ -13,7 +13,6 @@ import DraftPattern from './DraftPattern'
 import Json from './Json'
 import SamplePattern from './SamplePattern'
 import Welcome from './Welcome'
-import Footer from '../Footer'
 import Measurements from './Measurements'
 
 const Workbench = ({
@@ -230,7 +229,6 @@ const Workbench = ({
       >
         {display !== 'welcome' ? <Navbar navs={navs} home={() => saveDisplay('welcome')} /> : null}
         {main}
-        {display !== 'welcome' ? <Footer language={language} /> : null}
       </div>
     </MuiThemeProvider>
   )
diff --git a/packages/components/src/index.js b/packages/components/src/index.js
index 010897d9151..3e2f1f82782 100644
--- a/packages/components/src/index.js
+++ b/packages/components/src/index.js
@@ -4,7 +4,6 @@ export default [
   'DraftConfigurator',
   'Emblem',
   'Example',
-  'Footer',
   'Icon',
   'Legend',
   'LineDrawing',