Content Snippets from markedapp.com
"Marked 3 delivers a superior Markdown preview experience for Mac with advanced proofreading tools, beautiful themes, and powerful export options."
"Marked 3 is live on Product Hunt. Stop by to show your support or leave a comment."
"Brett has been building Mac tools for about as long as I've been writing about them. Marked is one of his best."
"Marked goes far beyond built-in previews with sophisticated proofreading and export features."
Key Topics & Focus Areas for markedapp.com:
Ask Marked Help
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_5a8lsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Asterisk__R_5a8lsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_9a8lsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Asterisk__R_9a8lsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
What People Are Saying
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_7a8lsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Asterisk__R_7a8lsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_ba8lsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Asterisk__R_ba8lsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_5aalsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Asterisk__R_5aalsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_9aalsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Asterisk__R_9aalsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
Marked 3 in Motion
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_7aalsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Asterisk__R_7aalsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_baalsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Asterisk__R_baalsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_5aelsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Hash__R_5aelsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_9aelsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Hash__R_9aelsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
Powerful Features
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_5aglsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Hash__R_5aglsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_9aglsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Hash__R_9aglsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
What's New
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_1aklsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Underscore__R_1aklsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }
And Moreβ¦
@keyframes grow { 0% { stroke-dasharray: 0, var(--circumference); } 100% { stroke-dasharray: var(--circumference), 0; } }
@keyframes pulseFill { 0% { fill-opacity: 0.25; } 100% { fill-opacity: 0; } }
@keyframes spin { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(var(--circumference) * -0.95); } }
#Outline__R_3aklsdb_ { --circumference: 180; animation: grow 3200ms infinite alternate, spin 6400ms infinite linear; }
#Underscore__R_3aklsdb_ { animation: pulseFill 3200ms infinite alternate; will-change: fill-opacity; }