Custom UI components with HTML/CSS

Custom UI components

You can add custom HTML/CSS to your apps to create a wide variety of user interface components, including:

• Icons from Font Awesome
• Embedded videos
• Add columns to a page
• Alert messages

Run this app to view a demo of these components, then duplicate the app to copy and paste the code snippets into your app.

Watch this brief on how to edit the code snippets:

Icons

• For non-commercial projects, you can use these free legal icons.
• For commercial projects, you can buy icons from The Noun Project.

Custom CSS

You can add your own custom CSS files to your Afterpattern apps. This allows you to style almost everything about your app's user interface. Learn more.