🎉 Black Friday deal! 30% off your first year of CodyHouse Pro →


Progress value is 30%

Newsletter Input

Animated newsletter form.

View Demo


All components are based on CodyFrame.

This component includes variations. Variations share the same SCSS/JS code but differ in their HTML.

How to

The Newsletter Input component is an animated newsletter form.

The submit button becomes active when the user submits a valid email format. Clicking the button triggers the icon animation and the visibility of the feedback message.

You can initialize the component using the NewsInput object:

var newsInput = document.getElementsByClassName('js-news-form')[0];
new NewsInput({
  element: newsInput,
  submit: function(email, cb) {
    // API call here
    cb(response); // response should be either 'success' or 'error'

⚠️ Note that in the newsletter-input.js, we do not initialize the NewsInput object. 

You can use the submit option to implement your subscription function (e.g., an API call to the third party service you use to manage your subscription list).

Once the API call is complete, make sure to call the cb callback function, passing, as argument, either the string 'success' or 'error' so that the proper feedback message can be shown.

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us