modules

building blocks for your @magic app.

@magic is

a jamstack generator:

javascript, apis and (static) markup.

minimal:

less than 15kb of html + css + javascript boilerplate.

modular:

separation of concerns makes customization easy.

"jsomorphic":

html loads first and provides basic functionality, javascript enhances where needed.

full stack:

if needed, @magic generates server side apis, and @grundstein will soon take care of hosting said app bundles

Do you want to know more?

@magic-modules

modules are the building blocks of @magic. modules can be used to add both client and server functionality to your @magic app.

@magic-modules/about-magic demo
AboutMagic shows some information about @magic.
git repository
@magic-modules/accordion demo
Accordion shows a list of items that horizontally open/close.
git repository
@magic-modules/cite demo
Makes Citations easy. Adds Quote around quotes and a minimally styled paragraph around the author.
git repository
@magic-modules/example-list demo
ExampleList shows a list of @magic-examples pages.
git repository
@magic-modules/gdpr demo
Gdpr compliant popup that allows users to allow or deny cookies.
git repository
@magic-modules/git-badges demo
GitBadges shows a list of github repository status badges.
git repository
@magic-modules/git-list demo
show a list of git repositories like the one you are looking at.
git repository
@magic-modules/hero demo
Hero modules are full screen top of page content.
git repository
@magic-modules/language-switch demo
LanguageSwitch provides simple multilanguage support for magic.
git repository
@magic-modules/library-list demo
LibraryList shows a list of all @magic-libraries libraries.
git repository
@magic-modules/light-box demo
images that show a bigger view of themselves when clicked.
git repository
@magic-modules/light-switch demo
dark/light theme color switch button.
git repository
@magic-modules/messages demo
Messages shows popup messages.
git repository
@magic-modules/module-list demo
ModuleList shows the list of @magic-modules you are looking at.
git repository
@magic-modules/no-spy demo
Minimal interface for "we do not spy" modal.
git repository
@magic-modules/pre demo
Pre allows you to display javascript code with syntax highlighting.
git repository
@magic-modules/quote demo
adds “” around the quote and sets font-style: italic.
git repository
@magic-modules/sound-cloud demo
embed soundcloud track, playlist and user widgets
git repository
@magic-modules/theme-list demo
ThemeList shows a list of all @magic-themes.
git repository
@magic-modules/theme-vars demo
ThemeVars shows a preview of all colors used in a @magic-themes.
git repository
@magic-modules/video-embed demo
VideoEmbed embeds videos from any video hoster.
git repository
@magic-modules/xkcd demo
Xkcd embeds xkcd comics.
git repository