-
In this post, I’ll walk you through some of the features Analog offers by building an anime search app. Think of this article as a summary of what AnalogJS is capable of. I will go over how I created this small application, but I highly recommend reading the official docs. The presented project is available on GitHub. This example uses Angular 19.2 and AnalogJS 1.15.1. Here is GIF about the final result that we will be. Blog was originally published on angular-spaces.
-
SurveyJS
SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.
-
At this point the markdown may be rendered, but styles will not be applied. To fix that, you need to import prismjs styles. If you’re using Tailwind, you’ll also want to add tailwindcss-typography for that extra polish (and apply the prose css class where you rendered the blogs). Depending on your Tailwind version (mine’s 4+), you’ll need to edit your style.css.
-
If you want a deeper dive, I recommend checking out Brandon’s example on GitHub. For our case though, we can keep it simple with the following setup:
-
First step it to open src/app/app.config.ts, enable markdown file support, and add a syntax highlighter. You can pick between Prism or Shiki, both are great, but for this example, we’re rolling with Prism.
